el-table行悬浮样式重置

el-table用了很多次了。但是样式重置的需求比较少，大都用框架自带的风格就好了。

但是最近有要求不同颜色的风格。

例如：表格背景色重置，这样一来，行悬浮和行样式也会做出一些调整。

下面说下行悬浮样式重置：直接上代码。

//默认表格头和行样式重置
::v-deep .el-table th, ::v-deep .el-table tr{
    background-color: rgba($color: #072448, $alpha: 0.6);
    color: #ffffff;
}

//表格行悬浮高亮重置
      ::v-deep .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: rgba($color: #072448, $alpha: 0.8);}

      ::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td{background-color: rgba($color: #072448, $alpha: 0.8);}

如有转载请注明转载链接！