我编辑了 css 代码以更改 v-data-table 的字体大小。它不起作用,但可以更改表体的字体粗细。代码笔
.v-data-table td{
font-weight:bold;
font-size:24px;
}
.v-data-table th{
font-weight:bold;
font-size:24px;
}
Vuetify 硬编码了大量属性。为了覆盖 Vuetify 样式规则,您至少需要使用相同级别的特异性或使用 !important。
这是适合您的用例的正确选择器:
.v-data-table>.v-data-table__wrapper>table>tbody>tr>td {...}
这是一支钢笔显示它。
要找到正确的选择器,您应该检查元素并找到要覆盖的规则的设置位置。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句