element-ui 中 table 表格 hover 修改背景色

如何重新 element-ui 下 table 组件中 hover 行的样式信息呢？

首先我们如何定位修改的样式的类名信息，查看下图：

 

代码如下：

/deep/ .el-table--enable-row-hover {
  .el-table__body tr:hover > td {
    background: #FFC000;
  }
}

当然你也可以通过行的 hover 效果，修改某一列的相关样式。

更多细节，请查看：vue项目中，scss 使用 /deep/ 穿透写法。