重写element-ui table hover样式
在样式文件中进行编辑,之后在各个所需要的页面进行引入:
两种方式:
第一种:
.el-table--enable-row-hover .el-table__body tr:hover>td{
background-color: #c6cfdf !important;
}
第二种:
.el-table__body tr:hover>td{
background-color: #c6cfdf!important;
}
.el-table__body tr.current-row>td{
background-color: #c6cfdf!important;
}
在我使用过程中,第二种方式相对来说,比较有效,第一种方式仅对部分页面有效,猜测哪些没有生效的页面可能是由于在其他地方重写了css样式,各位如果需要,可分别试一下!