element-ui table：设置标签颜色

【问题标题】：Element-ui table: set label colorelement-ui table：设置标签颜色
【发布时间】：2020-07-23 10:08:29
【问题描述】：

我希望整个 element-ui 表格的文本是黑色的。我可以使用style 属性在行中实现这一点：

<el-table-column width="400" label="Product Name" prop="product.name"></el-table-column>

但这不适用于表格本身 - 标签的颜色似乎没有改变：

我希望 Quantity 和 Price 字段为黑色。有什么方法可以得到预期的结果？

P.S：我不想自定义 element-UI 主题，而是改变一页的颜色

【问题讨论】：

【解决方案1】：

元素 UI 表格具有 .el-table 类（并且标题在 <thead> 中），因此您可以像这样在 CSS 中对其进行样式设置：

.el-table {
  color: black;
}
.el-table thead {
  color: black;
}

【讨论】：