关于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. 本期的教程到了这里就完结啦, 是不是很简略, 让咱们一起致力走向巅峰!