element ui修改表格悬停色_el-table hover-row

作者：小蓝xlanll | 2024-02-19 11:32:19

踩

el-table hover-row

第一种方法


.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名称。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小蓝xlanll/article/detail/114461