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;
     }

你可能感兴趣的:(element,css,elementui,vue.js,前端,table,修改样式)