elementui 修改 el_table 表格颜色,表格下方多了一条线问题

解决:

加入以下代码

.el-table::before {

z-index: inherit;

}

如果使用了scoped,需要加上stylus /deep/ (其他的css语言有不一样的写法)

或是全局加入

body .el-table::before {

z-index: inherit;

}

其他背景色,表格边框颜色修改

复制代码
	//表头
	/deep/.el-table th {
	 		 background-color: #162968 ;
	         color: #fff;
	}
  //表格单元格
     /deep/ .el-table tr {
         background-color: #24315c;
         color: #fff;
     }
//鼠标悬浮行颜色效果
     /deep/ .el-table--enable-row-hover .el-table__body tr:hover>td {
         background-color: rgba(22, 41, 104, 0.6);
     }
//表头,表格单元下边框颜色
     /deep/ .el-table td, /deep/ .el-table th.is-leaf {
         border-bottom: 1px solid #2c3a6a;
     }
//没有数据时,背景色
     /deep/ .el-table__empty-block {
         background-color: #24315c;
     }
相关推荐
JosieBook18 分钟前
【SpringBoot】21-Spring Boot中Web页面抽取公共页面的完整实践
前端·spring boot·python
吃饭睡觉打豆豆嘛1 小时前
深入剖析 Promise 实现:从原理到手写完整实现
前端·javascript
前端端1 小时前
claude code 原理分析
前端
GalaxyMeteor1 小时前
Elpis 开发框架搭建第二期 - Webpack5 实现工程化建设
前端
Spider_Man1 小时前
从 “不会迭代” 到 “面试加分”:JS 迭代器现场教学
前端·javascript·面试
我的写法有点潮1 小时前
最全Scss语法,赶紧收藏起来吧
前端·css
小高0071 小时前
🧙‍♂️ 老司机私藏清单:从“记事本”到“旗舰 IDE”,我只装了这 12 个插件
前端·javascript·vue.js
Mo_jon1 小时前
css 遮盖滚动条,鼠标移上显示
前端·css
EveryPossible2 小时前
终止异步操作
前端·javascript·vue.js
Stringzhua2 小时前
setup函数相关【3】
前端·javascript·vue.js