本文主要是介绍el-table修改背景颜色，去掉边框，鼠标划过没变色效果，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
一.整个表格背景颜色及边框弧度
/deep/ .el-table{
background-color: #101d3f;
color: #fff;
// border-radius: 9px;
}
二.标题背景颜色
/deep/ .el-table th{
background-color: #101d3f;
border:none;
}
三 去掉边框
/deep/ .el-table th.el-table__cell{
border: 0px;
}
/deep/ .el-table td{
background-color: #101d3f;
}
/deep/ .el-table--border{
border:none;
border: 0px;
}
/deep/ .el-table td.el-table__cell{
border: 0px;
}
.el-table::before {
height: 0px;
}
customer-table是在el-table里面定义的class类名称
.customer-table .el-table__fixed-right::before,
.el-table__fixed::before {
width: 0;
}
四.鼠标移过表格不变色
/deep/ .el-table tbody tr:hover>td {
background-color: #101d3f !important
}
这篇关于el-table修改背景颜色，去掉边框，鼠标划过没变色效果的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
