(css)清除el-table背景色

(css)清除el-table背景色


效果:


c 复制代码
<el-table
  :data="gridData"
  :header-cell-style="{'text-align':'center','color': '#fff'}"
  :cell-style="{'text-align':'center','color': '#fff' }"
>
  <el-table-column type="index" label="序号" width="50"></el-table-column> 
  ...
</el-table>

css 复制代码
// 表格
/deep/ .el-table,
.el-table__body {
  background: transparent !important;
}
/deep/ .el-table th {
  background-color: transparent !important;
}
/deep/ .el-table tr {
  background-color: transparent !important;
}
//清除鼠标移入效果
/deep/.el-table__body tr.hover-row > td {
  background-color: transparent !important;
}
// 行底边线
/deep/ .el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
  //   border-bottom: 1px solid #ccc;
}
相关推荐
每天开心7 分钟前
深入理解 CSS 选择器:从基础到高级
css·html·ai编程
aklry14 分钟前
uniapp三步完成一维码的生成
前端·vue.js
撰卢1 小时前
如何提高网站加载速度速度
前端·javascript·css·html
sophister1 小时前
Flex 布局中容易踩的那些坑,你踩过几个?
前端·css·html
MiyueFE1 小时前
CSS 函数与混入草案:原生 CSS 的“魔法”即将登场!
前端·css
用户26124583401612 小时前
vue学习路线(11.watch对比computed)
前端·vue.js
阑梦清川2 小时前
Java后端项目前端基础Vue(二)
vue.js
雪碧聊技术3 小时前
深入解析Vue中v-model的双向绑定实现原理
前端·javascript·vue.js·v-model
呆呆的心5 小时前
揭秘 CSS 伪元素:不用加标签也能玩转出花的界面技巧 ✨
前端·css·html
百锦再5 小时前
重新学习Vue中的按键监听和鼠标监听
javascript·vue.js·vue·计算机外设·click·up·down