如何更改 <v-checkbox> Vuetify 中标签的字体大小？

Question

我想改变标签内容“出勤”的字体大小。

<v-checkbox
  v-model="course.evaluation"
  label="attendance"
></v-checkbox>

这是我尝试过的。在同一个 vue 文件中，我添加了

<style>
.v-checkbox.v-label {
  font-size: 10px;
} 
</style>

但这没有用。有人可以帮忙吗？

Answer 1

尝试通过添加链接选择器来提高优先级

class在复选框中添加一个

<v-checkbox
  class="my-checkbox"
  v-model="course.evaluation"
  label="attendance"
></v-checkbox>

然后

<style>
.my-checkbox .v-label {
  font-size: 10px;
} 

or In case it still doesn't reflect the override then use deep selector

::v-deep .my-checkbox .v-label {
 font-size: 10px;
}