elementui表格背景透明
时间: 2023-09-04 22:13:36 浏览: 97
要使ElementUI表格背景透明,可以在CSS中添加以下代码:
对于HTML:
```css
/* 最外层透明 */
.el-table,
.el-table__expanded-cell {
background-color: transparent;
}
/* 表格内背景颜色 */
.el-table th,
.el-table tr,
.el-table td {
background-color: transparent;
}
```
对于Stylus:
```stylus
/* 最外层透明 */
>>> .el-table,
>>> .el-table__expanded-cell {
background-color: transparent;
}
/* 表格内背景颜色 */
>>> .el-table th,
>>> .el-table tr,
>>> .el-table td {
background-color: transparent;
}
```
对于Less:
```less
/* 最外层透明 */
/deep/ .el-table,
/deep/ .el-table__expanded-cell {
background-color: transparent;
}
/* 表格内背景颜色 */
/deep/ .el-table th,
/deep/ .el-table tr,
/deep/ .el-table td {
background-color: transparent;
}
```
以上代码将通过设置背景颜色为透明来实现ElementUI表格的背景透明效果。请根据您所使用的CSS预处理器选择相应的代码。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [ElementUI中的el-table表格设置全透明(组件化开发和html两种方式)](https://blog.csdn.net/qq_41813208/article/details/109324796)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
阅读全文