将element-plus table背景改成透明色

方法一:全局修改(推荐)

/* 全局透明表格样式 */
.el-table,
.el-table__header-wrapper,
.el-table__body-wrapper,
.el-table__row {
  background-color: transparent !important;
}

/* 可选:自定义表头和斑马纹行的透明度 */
.el-table__header th {
  background-color: rgba(245, 247, 250, 0.5) !important;
}

.el-table__row--striped td {
  background-color: rgba(249, 250, 251, 0.3) !important;
}

.el-table__row:hover td {
  background-color: rgba(230, 247, 255, 0.5) !important;
}

方法二:局部修改(按需使用)

/* 局部透明表格样式 */
.transparent-table .el-table,
.transparent-table .el-table__header-wrapper,
.transparent-table .el-table__body-wrapper,
.transparent-table .el-table__row {
  background-color: transparent !important;
}

/* 可选样式... */

模板中使用

你可能感兴趣的:(element-plus,css,vue.js,elementui,前端)