工作记录 -- el-table 取消鼠标悬浮时行高亮效果_el-table划过取消高亮

作者：小丑西瓜9 | 2024-02-19 11:25:46

踩

el-table划过取消高亮

使用el-table组件时，会有默认事件

改变鼠标悬浮时高亮的效果

.el-table tbody tr:hover>td {
  background: greenyellow!important
}
1
2
3

但如果设置了stripe属性，表格会呈斑马纹两种颜色交替，设置颜色这个方法就失效了，这时候就可以禁用事件：

.el-table tbody tr { 
    pointer-events:none; 
}
1
2
3

用户使用鼠标单机行时，也会出现行颜色改变的情况，修改其单机的行颜色

.el-table__body tr.current-row>td {
        background: #ffb707!important;
    }
1
2
3

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