I'd like to ask how to adjust some small styles of vue element el-table.

the vue project uses the element framework, uses the el-table component, modifies the css style, and the local release style appears normally, but the CSS has not been modified since it was published to IIS.

use this method to modify the style of el-table, but there is a white border on the outermost layer. How to modify the outermost border

:header-cell-style="{background:"-sharp333",color:"-sharpff6633",borderColor: "-sharp6a6a6a"}" :cell-style="       {background:"-sharp333",color:"-sharpff6633",borderColor: "-sharp6a6a6a"}" 

modifying with css is valid locally, but it is still invalid after publishing to IIS

  .el-table--border, .el-table--group{
    border-color: -sharp6a6a6a;
  }
  .el-table--border::after, .el-table--group::after, .el-table::before{
    background: -sharp6a6a6a;
  }

clipboard.png

would like to ask the boss, how to modify the outermost border-color, thank you


after css is packaged, the weight level is not enough. You can modify the selector to increase the weight level

Menu