element ui table中一列highlight显示，hover时如何不移除颜色？

Question

我使用element ui ,按照官方文档上的例子，使用:row-class-name给某一行加了个颜色类，但是当hover上这一列时颜色就没了。我不想让它有这种hover状态，我想让颜色一直在，我该怎么做？看官方文档也没找出好的解决办法、移上去之前移上去之后

Answer 1

CSS 权重问题，只要你给的样式优先级比这个高就行，暴力点就直接给个 !important。

Answer 2

可以这样

`mounted(){

  //去除hover效果

  setTimeout(function () {

    const obj = document.getElementsByClassName("el-table--enable-row-hover")[0];

    let clz = obj.getAttribute("class");

    clz = clz.replace("el-table--enable-row-hover","");

    obj.setAttribute("class",clz);

  },1);

},`