// 要素:lang=“scss” scpod
.tabBox {
margin-top: 20px;
background-image: url(’…/…/…/assets/images/table-bg.png’);
background-size: 100% 100%;
// 修改表头 背景颜色 下边框
::v-deep .el-table th {
background-color:#2B8BE1;
color:white;
border-bottom: none;
}
// 修改行背景颜色
::v-deep .el-table tr:nth-child(2n){
background-color: transparent;
}
::v-deep .el-table tr:nth-child(2n+1){
background-color: transparent;
}
//修改鼠标悬停时的背景颜色
::v-deep .el-table tbody tr:hover td{
background: #2A9CDB;
}
//修改表格内边框
::v-deep .el-table td{
border:none;
}
//去除表格下边框
//注意: 这里右侧添加固定fixed 列的话固定列下边框不会去除
::v-deep .el-table::before{
height: 0;
}
//指定行设计
// ::v-deep .el-table .ji-class{
// background: oldlace;
// }
// ::v-deep .el-table .ou-class{
// background: #f0f9eb;
// }
}
附送:scss 下 深度选择器
修改 el-table样式
最新推荐文章于 2024-06-28 14:59:29 发布