修改elementUI table tr th 的高度、背景颜色

最新推荐文章于 2024-07-15 15:15:49 发布

战斗的云彩

最新推荐文章于 2024-07-15 15:15:49 发布

阅读量1k

点赞数

分类专栏： element

本文链接：https://blog.csdn.net/qq_41248869/article/details/98388520

版权

element 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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