element UI 修改表格边框颜色

element UI 修改表格边框颜色

由于我只想要改变该页面的表格边框颜色，加上表格类名

/**
改变边框颜色
 */
 .right-content .el-table--border, .el-table--group {
    border: 1px solid #8A8A8A!important;
}
/**
改变表格内竖线颜色
 */
 .right-content .el-table--border  td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
    border-right: 1px solid #8A8A8A!important;
}
/**
改变表格内行线颜色
 */
 .right-content .el-table  td, .el-table th.is-leaf  {
    border-bottom: 1px solid #8A8A8A!important;
}
.right-content .el-table thead tr th{
    border-color: #8c939d;
} 

效果如下：

直接复制改代码即可，以上引用该博主的方法