当前位置:   article > 正文

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

el-table 取消悬浮高亮

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

  • 当鼠标悬停时会高亮当前行

如果不想要,可以把颜色设置成背景色,或者任何你想要的颜色:

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

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

.el-table tbody tr { 
    pointer-events:none; 
}
  • 1
  • 2
  • 3
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/盐析白兔/article/detail/114361
推荐阅读
相关标签
  

闽ICP备14008679号