找回密码
 立即注册

QQ登录

只需一步,快速开始

诗仙·1957
金牌服务用户   /  发表于:2024-6-26 14:44  /   查看:1115  /  回复:8
1金币
本帖最后由 诗仙·1957 于 2024-6-26 14:45 编辑

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

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

最佳答案

8 个回复

倒序浏览
最佳答案
最佳答案
逛逛逛
金牌服务用户   /  发表于:2024-6-26 14:44:09
来自 4#
诗仙·1957 发表于 2024-6-26 15:42
已测试  并没有什么用,背景还是白色

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
逛逛逛
金牌服务用户   /  发表于:2024-6-26 15:20:57
2#
百度啊


1、.transparent-table .el-table {

  background-color: transparent;
}



2、设个类名:transparent-table


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
诗仙·1957
金牌服务用户   /  发表于:2024-6-26 15:42:40
3#

已测试  并没有什么用,背景还是白色
回复 使用道具 举报
诗仙·1957
金牌服务用户   /  发表于:2024-6-26 16:38:34
5#
本帖最后由 诗仙·1957 于 2024-6-26 16:46 编辑

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



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
逛逛逛
金牌服务用户   /  发表于:2024-6-26 16:52:04
6#
css里去捣鼓
回复 使用道具 举报
逛逛逛
金牌服务用户   /  发表于:2024-6-26 16:53:27
7#
或者百度element table 文字样式
回复 使用道具 举报
诗仙·1957
金牌服务用户   /  发表于:2024-6-26 16:53:40
8#
本帖最后由 诗仙·1957 于 2024-6-26 16:57 编辑

/* 覆盖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;
}

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

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

评分

参与人数 1金币 +100 收起 理由
Shawn.Liu + 100 赞一个!

查看全部评分

回复 使用道具 举报
Shawn.Liu活字格认证
超级版主   /  发表于:2024-6-26 17:26:02
9#
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部