修改elementUI table tr th 的高度、背景颜色
程序员文章站
2022-06-17 14:48:46
...
<style>
/* 设置当前选中行的背景颜色 */
.el-table__body tr.current-row>td {
background: #c9eff5 !important;
}
/* 设置table header的背景颜色 */
.el-table__header th, .el-table__header tr {
background-color: #17B3A3;
color: black;
}
/* 设置表主体的高度 */
.el-table__body td,.el-table__body th{
padding:3px;
}
/* 设置表头的高度 */
.el-table__header td,.el-table__header th{
padding:6px 0px;
}
/* 设置分页器的高度 */
.site-wrapper .el-pagination {
margin-top: 5px;
text-align: right;
}
.el-pager li.active {
color: #080909;
cursor: default;
background-color: #17B3A3;
border-radius: 2px;
}
</style>