elementplus中如何让el-table的背景色设置透明

最新推荐文章于 2025-06-25 16:35:32 发布

原创最新推荐文章于 2025-06-25 16:35:32 发布 · 1.4k 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #elementui #javascript #el-table

本文详细描述了如何使用CSS样式调整el-table元素的边框、文本、背景等颜色为透明，以实现更简洁的视觉效果。

.el-table {
  --el-table-border-color: transparent;
  --el-table-border: none;
  --el-table-text-color: #bdbdbe;
  --el-table-header-text-color: #bdbdbe;
  --el-table-row-hover-bg-color: transparent;
  --el-table-current-row-bg-color: transparent;
  --el-table-header-bg-color: transparent;
  --el-table-bg-color: transparent;
  --el-table-tr-bg-color: transparent;
  --el-table-expanded-cell-bg-color: transparent;
}