修改表格头部背景
.el-table th{
background: #f00;
}
修改表格行背景
.el-table tr{
background: #f00;
}
修改斑马线表格的背景
.el-table--striped .el-table__body tr.el-table__row--striped td {
background: #1f2;
}
修改行内线的颜色
.el-table td,.building-top .el-table th.is-leaf {
border-bottom: 1px solid #f00;
}
修改表格最底部边框颜色和高度
.el-table::before{
border-bottom: 1px solid #f00;
height: 2px
}
修改表头字体颜色
.el-table thead {
color: #8EB7FA;
font-weight: 500;
}
修改表格内容字体颜色和字体大小
.el-table{
color: #6B91CE;
font-size: 14px;
}
修改表格无数据的时候背景,字体颜色
.el-table__empty-block{
background: #16203C;
}
.el-table__empty-text{
color: #ccc
}
修改表格鼠标悬浮hover背景色
.el-table--enable-row-hover .el-table__body tr:hover>td {
background-color: #f00;
}
原创传送门