欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

修改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>