使用element-ui中的table修改鼠标经过或悬停行时颜色修改

修改单个页面表格样式

给tbale表格加个class  abc  在style样式中加入一下代码

.abc ::v-deep .el-table__body tr:hover > td {
     background-color: pink !important;
 } 

修改所有页面table表格样式

第一种:


.el-table--enable-row-hover .el-table__body tr:hover>td{

background-color: pink !important;

}

第二种:

// 鼠标经过颜色改为粉红色
.el-table__body tr:hover>td{

background-color: pink !important;

}

// 点击之后颜色改为粉红色  如果没有效果 需要给el-table  加上  highlight-current-row  这个属性
.el-table__body tr.current-row>td{

background-color: pink !important;

}


版权声明:本文为weixin_45818024原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。