element ui 表格鼠标经过去除样式或改样式_elementui表格鼠标滑过不改变背景色

作者：煮酒与君饮 | 2024-07-16 09:44:33

踩

elementui表格鼠标滑过不改变背景色

1.去除hover样式，固定列也能用


::v-deep .el-table__body tr.hover-row>td{
background-color: transparent !important;
}

2.需要修改hover样式如下


// 鼠标经过颜色改为天蓝色
.el-table__body tr:hover>td{
 
background-color: #66b1ff !important;
 
}
 
// 点击行更改颜色  如果没有效果 需要给el-table  加上  highlight-current-row ，默认false
.el-table__body tr.current-row>td{
 
  color: #ccc;
  background-color: #66b1ff !important;
 
}

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