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;
     }
相关推荐
ABILI .3 分钟前
RestTemplate远程调用接口方式
java·服务器·前端
excel7 分钟前
webpack 核心编译器 第三节
前端
qq_340474027 分钟前
5.1 WPF路由事件以及文本样式
前端·c#·wpf
拉不动的猪11 分钟前
回顾vue3异步组件加载及其原理
前端·javascript·vue.js
—Qeyser38 分钟前
用Deepseek写扫雷uniapp小游戏
开发语言·前端·javascript
摆烂工程师1 小时前
保姆教程:2025年 ChatGPT Plus 的订阅升级攻略和支付失败的解决方式
前端·后端·程序员
蓝屏的钙1 小时前
H5 如何 C 端唤起导航高德百度 APP
前端·app
冴羽1 小时前
SvelteKit 最新中文文档教程(13)—— Hooks
前端·javascript·svelte
skywalk81631 小时前
自动化浏览器的测试框架playwright 支持多种浏览器Chromium、Firefox 和 WebKit
前端·chrome·自动化·测试·playwright
小宋10211 小时前
Vue实现动态数据透视表(交叉表)
前端·javascript·vue.js·数据透视表·动态交叉表