关于vue.js:element中table覆盖默认样式

element笼罩table默认款式

1.开发环境 vue+element
2.电脑系统 windows 10 专业版
3.在开发的过程中,咱们常常应用到element,这一次应用的是 element中的table,效果图如下:

4.在这里我笼罩了element中的table默认的背景色彩,以及鼠标移入的背景色彩,在 css 中增加如下代码:

/* 笼罩鼠标 表格鼠标 移入的背景色 */

.el-table--enable-row-hover .el-table__body tr:hover>td{

 background-color: #003B51 !important;

}

.el-table{

 background-color: #003B51 !important;

}

.el-table th, .el-table tr{

 background-color: #0A2732 !important;

 box-sizing: border-box;

 color: wheat !important;

}

5.本期的教程到了这里就完结啦,是不是很简略,让咱们一起致力走向巅峰!