element.ui修改table的边框颜色

Yàο耀耀

于 2019-10-15 09:50:57 发布

阅读量8.8k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： VUE 文章标签： vue table element.ui

本文链接：https://blog.youkuaiyun.com/weixin_43753330/article/details/102561330

VUE 专栏收录该内容

9 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 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;
}