element表格边框样式问题

Question

el-table的默认边框颜色太淡了，想换个颜色

但是换完后，会发现有边框重叠，粗细不一致

.el-table--border {
  border: 1px solid red !important;
}
.el-table--border td,
.el-table th, .el-table tr{
  border: 1px solid red !important;
  border-collapse: collapse;

}

怎么解决呀

Answer 1

.el-table--border, .el-table--group {
    border-color:  red;
}
.el-table--border:after, .el-table--group:after, .el-table:before {
    background-color: red;
}
.el-table td, .el-table--border th,. el-table th.is-leaf {
    border-bottom-color: red;
}
.el-table--border td, .el-table--border th {
    border-right-color: red;
}