element UI modify table border color

element UI modify table border color

Since I only want to change the table border color of the page, plus the table class name

/**
改变边框颜色
 */
 .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;
} 

The effect is as follows:

Just copy and change the code directly, the method of the blogger is quoted above