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;
     }
相关推荐
南风木兮丶5 分钟前
Vue 项目安装 @antfu/eslint-config 保姆级教程
前端·javascript·vue.js
万少18 分钟前
记 HarmonyOS 开发中的一个小事件 怒提华为工单
前端·harmonyos
未来之窗软件服务19 分钟前
万象EXCEL开发(六)excel单元格运算逻辑 ——东方仙盟金丹期
前端·excel·仙盟创梦ide·东方仙盟·万象excel
mldong22 分钟前
保姆级教程!手把手教你搭建FastAPI + Vue3前后端分离项目
vue.js·python·全栈
Mintopia26 分钟前
🚀 Cesium-Kit:10 秒为你的 Cesium 项目添加动态光效标记
前端·javascript·cesium
Mintopia28 分钟前
🌩️ 云边协同架构下的 WebAI 动态资源调度技术
前端·javascript·aigc
Olrookie29 分钟前
若依前后端分离版学习笔记(十六)——scoped、路由跳转
前端·笔记
qaqxiaolei30 分钟前
高效办公利器:前端实现表格导出excel格式 + 自定义水印的完整方案
前端·javascript
叫我詹躲躲32 分钟前
为什么Bun.js能在3秒内启动一个完整的Web应用?
前端·javascript·bun
Olrookie33 分钟前
若依前后端分离版学习笔记(十七)——ruoyi开发规范&流程,请求流程,依赖引入,组件注册&通信
前端·笔记