如何修改element ui table里面鼠标悬停背景色！

Question

我这边使用
/deep/ .el-table tbody tr:hover>td { background-color: red }
的方式修改有效果但是右边的编辑的样式并没有改变，
我以为是编辑使用了flex固定在右侧导致失效，但是我去掉了了flex也没有效果

Answer 1

写到 script 与 template 之间的 style里

.el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: red !important;
}

Answer 2

我用的是scss的预处理器

::v-deep .el-table tr:hover td{
background: pink;
}

这样子是可以变色的

Answer 3

同时设置下面两个样式：就可以实现hover一行同时高亮 固定列和非固定列了

.el-table tbody tr:hover>td {
  background-color:red!important;
}
 
.el-table__body tr.hover-row.current-row>td,.el-table__body tr.hover-row.el-table__row--striped.current-row>td,.el-table__body tr.hover-row.el-table__row--striped>td,.el-table__body tr.hover-row>td{
    background-color:red
}