element-ui中 table表格hover 修改背景色
element-ui源码中:
@include m(enable-row-hover) {
.el-table__body tr:hover > td {
background-color: $--table-row-hover-background-color;
}
}
在浏览器中检查:
![浏览器检查样式](https://img-blog.csdnimg.cn/8f62501273b74d5d83b769b7b30d6aea.png)
我们需要修改这么做:
.el-table--enable-row-hover .el-table__body tr:hover>td{
background-color: #212e3e !important;
}