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;
     }
相关推荐
excel3 分钟前
深度解析:Vue SFC 模板编译器核心实现 (compileTemplate)
前端
excel4 分钟前
Vue SFC 解析器源码深度解析:从结构设计到源码映射
前端
excel8 分钟前
Vue SFC 编译全景总结:从源文件到运行时组件的完整链路
前端
excel10 分钟前
Vue SFC 编译核心解析(第 5 篇)——AST 遍历与声明解析:walkDeclaration 系列函数详解
前端
elvinnn11 分钟前
提升页面质感:CSS 重复格子背景的实用技巧
前端·css
excel12 分钟前
Vue SFC 编译核心解析(第 7 篇)——最终组件导出与运行时代码结构
前端
excel14 分钟前
Vue SFC 编译核心解析(第 6 篇)——代码生成与 SourceMap 合并:从编译结果到调试追踪
前端
rising start14 分钟前
五、CSS盒子模型(下)
前端·javascript·css
excel19 分钟前
Vue SFC 编译核心解析(第 3 篇)——绑定分析与作用域推断
前端
excel20 分钟前
Vue SFC 编译核心解析(第 4 篇)——普通 <script> 与 <script setup> 的合并逻辑
前端