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

逛逛逛

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

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

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

逛逛逛 · 逛逛逛

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

啊

逛逛逛 · 逛逛逛

百度啊

1、.transparent-table .el-table {

background-color: transparent;
}

2、设个类名：transparent-table

诗仙·1957 · 诗仙·1957

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

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

诗仙·1957 · 诗仙·1957

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

逛逛逛发表于 2024-6-26 16:08
啊

请问大师，另外这个EL表字体颜色怎么改，由于背景是动态灰色的导致看起来文字部分怪怪的

逛逛逛 · 逛逛逛

css里去捣鼓

逛逛逛 · 逛逛逛

或者百度element table 文字样式

诗仙·1957 · 诗仙·1957

本帖最后由诗仙·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 · Shawn.Liu

		自动登录	找回密码
密码			立即注册

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

最佳答案

8 个回复

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

评分

悬赏达人

微信认证勋章

活字格认证

活字格高级认证