共计 458 个字符,预计需要花费 2 分钟才能阅读完成。
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. 本期的教程到了这里就完结啦, 是不是很简略, 让咱们一起致力走向巅峰!
正文完