css - Vuetify - 通过 css 更改 v-data-table 字体大小不起作用

Question

我编辑了 css 代码以更改 v-data-table 的字体大小。它不起作用，但可以更改表体的字体粗细。 密码笔

.v-data-table td{
  font-weight:bold;
  font-size:24px;
}

.v-data-table th{
  font-weight:bold;
  font-size:24px;
}

Answer 1

Vuetify 对大量属性进行硬编码。为了覆盖 Vuetify 样式规则，您需要使用至少相同级别的特异性或使用 !important。

这是适合您的用例的选择器：

.v-data-table>.v-data-table__wrapper>table>tbody>tr>td {...}

这是一支笔显示它。

要找到正确的选择器，您应该检查元素并找到要覆盖的规则的设置位置。