当前位置:   article > 正文

el-table修改css取消行hover时的高亮问题(以及在设置fixed后的取消高亮问题)_el-table 行hover

el-table 行hover
  1. //正常表格
  2. ::v-deep .el-table tbody tr:hover>td {
  3. background-color: transparent !important;
  4. }
  5. //右边固定列表格
  6. ::v-deep .el-table__fixed-right tbody tr:hover>td { //右边固定
  7. background-color: transparent !important;
  8. }

通过以上的设置确实可以达到一定的效果,表格在hover的时候部分不高亮,这样是不满足的,所以重新找到下面的方式可以解决问题

  1. ::v-deep .el-table .el-table__body tr.hover-row > td{
  2. background-color:#ffffff!important
  3. }
  4. ::v-deep .el-tablle--enable-row-hover .el-table__body tr:hover > td{
  5. background-color:#ffffff!important
  6. }

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

闽ICP备14008679号