Buefy B表标题无法识别CSS样式

Question

我正在尝试更改b表标题的背景颜色，但是样式无法识别。

<style scoped>
.b-table .table th {
  background-color: #f3dcba !important;
} 
</style>

有人对故障的可能性有什么建议吗？

Answer 1

我遇到了同样的问题，这里的问题是您试图覆盖与Vue文件不在同一范围内的组件的样式。

您可以做的一件事是删除scoped伪指令，这将使您可以像这样覆盖样式：

<style>
.b-table th { ... }
</style>

请注意，这可能不是解决这种情况的最佳方法，也许您应该通过创建一些Custom Headers为表头创建新的slot。完成此操作后，您应该能够为有问题的表头插入一些特定的类，甚至还可以插入其他自定义行为。