element.ui修改table的边框颜色

最新推荐文章于 2024-01-02 16:42:08 发布

原创最新推荐文章于 2024-01-02 16:42:08 发布 · 8.9k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue #table #element.ui

收录于

VUE 专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了如何使用Element UI自定义表格边框的颜色及样式，包括设置表格整体边框、单元格边框以及特定元素的边框属性，通过具体的CSS代码实现美观的表格展示效果。

// table边框颜色
.el-table--border:after,
.el-table--group:after,
.el-table:before {
    background-color: #C0C4CC;
}

.el-table--border,
.el-table--group {
    border-color: #C0C4CC;
}

.el-table td,
.el-table th.is-leaf {
        border-bottom: 1px solid #C0C4CC;
}

.el-table--border th,
.el-table--border th.gutter:last-of-type {
        border-bottom: 1px solid #C0C4CC;
}

.el-table--border td,
.el-table--border th {
        border-right: 1px solid #C0C4CC;
}