Vuetify 如何将样式添加到 v-checkbox 内的标签

【问题标题】：Vuetify how to add the styles to a label inside of a v-checkboxVuetify 如何将样式添加到 v-checkbox 内的标签
【发布时间】：2021-05-03 21:07:09
【问题描述】：

我无法在我的 vuetify v-checkbox 组件中提供标签样式。这是文档https://vuetifyjs.com/en/components/checkboxes/。我基本上想使用 CSS 来更改复选框“标签”部分中的文本颜色。谢谢

【问题讨论】：

【解决方案1】：

您可以使用.v-input__control .v-label 选择器定位复选框的标签：

.v-input__control .v-label {
  color: red;
}

【讨论】：

【解决方案2】：

你可以使用 v-checkbox 的标签槽来设置你想要的样式：

 <v-checkbox>
   <template slot="label">
     <div style="color: red">
       label
     </div>
   </template>
 </v-checkbox>

【讨论】：