诗仙·1957 发表于 3 天前

EL表格如何使背景全透明，只显示文字内容。

本帖最后由 诗仙·1957 于 2024-6-26 14:45 编辑

在使用el表格背景始终是一团白色的，如何更改颜色或者直接设置透明主题对el表格无法控制

普通表格 内容可以设置透明，但列头 还是无法透明，如何使列头也透明？

逛逛逛 发表于 3 天前

诗仙·1957 发表于 2024-6-26 15:42
已测试并没有什么用，背景还是白色

啊

逛逛逛 发表于 3 天前

百度啊


1、.transparent-table .el-table {

background-color: transparent;
}



2、设个类名：transparent-table


诗仙·1957 发表于 3 天前

逛逛逛 发表于 2024-6-26 15:20
百度啊




已测试并没有什么用，背景还是白色

诗仙·1957 发表于 3 天前

本帖最后由 诗仙·1957 于 2024-6-26 16:46 编辑

逛逛逛 发表于 2024-6-26 16:08
啊
请问大师，另外这个EL表字体颜色 怎么改，由于背景是动态灰色的 导致看起来文字部分怪怪的



逛逛逛 发表于 3 天前

css里去捣鼓

逛逛逛 发表于 3 天前

或者百度element table 文字样式

诗仙·1957 发表于 3 天前

本帖最后由 诗仙·1957 于 2024-6-26 16:57 编辑

逛逛逛 发表于 2024-6-26 16:52
css里去捣鼓
/* 覆盖Element UI表格背景颜色 */
.el-table {
background-color: transparent !important;
color:#FFFFFF !important; /* 设置表格文字颜色为黑色 */
}

/* 覆盖Element UI表头背景颜色 */
.el-table th, .el-table tr {
background-color: transparent !important;
color:#FFFFFF !important; /* 设置表格文字颜色为黑色 */
}

/* 覆盖Element UI表格行背景颜色 */
.el-table .el-table__row {
background-color: transparent !important;
color:#FFFFFF !important; /* 设置表格文字颜色为黑色 */
}

/* 覆盖Element UI表格单元格背景颜色 */
.el-table .cell {
background-color: transparent !important;
color:#FFFFFF !important; /* 设置表格文字颜色为黑色 */
}

/* 如果你还想要表格的边框透明，可以覆盖边框颜色 */
.el-table .el-table__body, .el-table .el-table__header, .el-table .el-table__body td, .el-table .el-table__header th {
border-color: transparent !important;
}

感谢大师的帮助，现在看起来就好很多了

Shawn.Liu 发表于 3 天前

{:5_115:}
页: [1]
查看完整版本: EL表格如何使背景全透明，只显示文字内容。