如何修改 iview table表头的颜色？ 我覆盖了样式但是不起作用

Question

Answer 1

修改表格深色系主题，可以参考一下（table标签上添加class default）

/***********修改table表格样式--深色系**********/
.ivu-table-wrapper.default {
  border: 1px solid #455b7d;
  border-bottom: 0;
  border-right: 0;
  /*background: none!important;*/
}
.default .ivu-table-border {
  background: none;
  color: inherit;
}
.default .ivu-table-header tr {
  box-shadow: inset 0px 0px 12px 1px #232e3c;
}
.default .ivu-table-border td, .default .ivu-table-border th {
  border-color: #455b7d;
  background: none;
  color: inherit;
}
.default .ivu-table-row-hover {
  background: #191f27;
}
.default .ivu-table:before, .default .ivu-table:after {
  background-color: #455b7d;
}
.default .ivu-form-item:not(.ivu-form-item-error) {
  margin-bottom: 7px;
}

Answer 2

可能是你 style 里面加 scoped了 ，去了 就可以加上了

Answer 3

在控制台一层一层往里找，你就能找到可以写进去的标签

Answer 4

使用 !important

Answer 5

最佳方式是全局修改样式，就是直接改theme.less