第一种方法
.el-table tbody tr:hover>td {
/* background-color:red !important; */
}
第二种方法
.el-table__body tr.hover-row.current-row>td,.el-table__body tr.hover-row.el-table__row--striped.current-row>td,.el-table__body tr.hover-row.el-table__row--striped>td,.el-table__body tr.hover-row>td{
background-color:red;
}
注:第一种方法在右侧操作栏使用了固定后,操作栏的悬停色就无法改变了,可以使用第二种方法。其实在调试台可以看见,悬停时是给行加了一个hover-row的class名称。

本文介绍两种修改Element UI中表格行悬停背景颜色的方法。第一种直接使用CSS选择器,但当侧边栏固定时,该方法可能无法改变侧边栏的悬停颜色;第二种方法通过更具体的选择器解决此问题。

1009

被折叠的 条评论
为什么被折叠?



