表格hover,需要改变该行的底色,经过测试,下面这一段代码是可以使用的
/deep/.el-table__row.hover-row {
background: red;
td {
background: red;
}
}
但是需要注意的是,如果表格是带有斑马纹的,那么这一段代码放置的位置也是有区别的:
1、表格不存在斑马纹:也就是 不设置 :stripe="true",此时这段css代码放在组件任何位置都可以(可以放在顶层类名下,也可以和顶层类名同级)
2、存在斑马纹:这段css代码只能放在顶层类名下,不然设置的颜色,会被覆盖。
3、当然,你要是既有斑马纹又,实在是不想放在顶层类名下,也可以给样式 加一个 !important 来提高他的层级。这样也是可以实现的
/deep/.el-table__row.hover-row {
background: red;
td {
background: red !important;
}
}