elemet ui去除table 样式

搞得我都郁闷了,来记录一下吧

::v-deep .el-table {
  color: #ffffff;
  thead {
    font-weight: initial;
  }
}
::v-deep .el-table::before {
  background-color: transparent;
}
::v-deep .el-table th,
.el-table tr {
  background: #222c37;
  border: none;
}
::v-deep .el-table td,
.el-table th.is-leaf {
  border: none;
}
::v-deep .el-table th > .cell {
  color: #ffffff;
}
::v-deep .el-table td,
.el-table th.is-leaf {
  border: none;
}
::v-deep .el-table td,
::v-deep .el-table th.is-leaf {
  border-bottom: none;
}
::v-deep .el-table--enable-row-transition .el-table__body td {
  background: #2b3642;
}
::v-deep .el-table--striped .el-table__body tr.el-table__row--striped {
  td {
    background: #303a48;
  }
}
::v-deep .el-table td,
.el-table th.is-leaf {
  border: none;
}
::v-deep .el-table__fixed-right::before,
::v-deep .el-table__fixed::before {
  background-color: rgba(0, 0, 0, 0);
}

以上是我的需求,改成的样子,总而言之要修改样式的就上面的选择器了

posted @ 2020-10-12 20:31  聂小恶  阅读(453)  评论(0编辑  收藏  举报