2021-09-09 el-table中修改表格的样式背景表头每行

最新推荐文章于 2023-11-21 09:17:04 发布

xiao-_yuanyuan-20

最新推荐文章于 2023-11-21 09:17:04 发布

阅读量497

点赞数

文章标签： css

本文链接：https://blog.csdn.net/xiao_yuanyuan_20/article/details/120205884

版权

本文介绍了如何在Element UI的el-table组件中修改样式，包括将表格背景变为透明，调整表头颜色和字体大小，以及设置行高和单元格样式。通过/deep/穿透式选择器实现样式覆盖，并提供了具体的CSS代码片段。

摘要由CSDN通过智能技术生成

1，el-table中自带白色背景修改为透明。。注意：使用/deep/ ,前面是父元素的class类名
.tableAroundSecurityBox {
margin: auto;
}
.tableAroundSecurityBox /deep/ .el-table–fit {
background-color: transparent !important;
}
.tableAroundSecurityBox /deep/ .el-table,
.el-table__expanded-cell {
background-color: transparent;
}
.tableAroundSecurityBox /deep/ .el-table th {
background-color: transparent !important;
color: #fff;
}
.tableAroundSecurityBox /deep/ .el-table tr {
background-color: transparent !important;
}
.tableAroundSecurityBox /deep/ .el-table–enable-row-transition .el-table__body td,
.el-table .cell {
background-color: transparent;
color: #fff;
border: none;
}
.el-table td, .el-table th.is-leaf {
border-bottom: 0px solid #ebeef5;
}
.el-table::before {