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;
     }
相关推荐
AICoder码农王32 分钟前
Vitest 实战:从一个真实项目看懂测试套件
前端·前端框架
律宏阔41 分钟前
Electron Forge 在 macOS M4 打包踩坑:Node.js 26 导致 make 异常中断
前端
木木爱研究44 分钟前
elpis-里程碑四-基于Vue完成动态组件库建设
前端·后端
深念Y1 小时前
Nuxt 项目 Docker 构建:从 pnpm+node 迁移到全 bun
java·前端·docker
qq_426003961 小时前
UI自动化元素定位不到解决方案
前端·pycharm·自动化
EthanChou20201 小时前
AES67协议笔记
前端·笔记·es6
马优晨1 小时前
pom.xml 中 jquery webjars 依赖解释
xml·前端·jquery·jquery webjars·webjars依赖
简单Janeee1 小时前
[Vue 3 从零到上线]-第九篇:更美更强——引入 UI 库与网络请求 (Axios)
网络·vue.js·ui
小蒜学长1 小时前
基于SpringBoot + Vue的智能健身房管理系统的设计与实现(代码+数据库+LW)
java·数据库·vue.js·spring boot·后端
里欧跑得慢1 小时前
AI 驱动的 UI 国际化方案自动适配:从单一语言到多语言布局的智能转换
前端·css·flutter·web