element表格边框样式问题

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;

}

怎么解决呀

.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;
}
.el-table {
  border:1px solid red;
}
.el-table--border td{
  border-right: 1px solid red;
}
.el-table td{
  border-bottom: 1px solid red;
}

你好,直接用 margin-left 负值 拖过去就好