buefy - Buefy b-table headers 无法识别 CSS 样式

Question

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

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

有人对故障的可能性有任何建议吗？

Answer 1

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

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

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

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