第一种方法
.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名称。
文章来源:https://www.toymoban.com/news/detail-525871.html
文章来源地址https://www.toymoban.com/news/detail-525871.html
到了这里,关于element ui修改表格悬停色的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!