我无法更改 Vuetify 中布尔复选框的文本颜色（版本 -> nuxtjs/vuetify：“0.5.5”）

Question

我正在使用 nuxt.js 和 vuetify 创建一个网站，我想将布尔复选框文本的颜色更改为黑色，默认情况下为白色，请参见此处！我怎样才能改变颜色？

我已经尝试过使用该类black--text

这是我写的一些代码：

<v-container>
    <v-form
        ref="form"
        v-model="valid"
        lazy-validation
      >
        <p>{{ radios || 'null' }}</p>
        <v-radio-group v-model="radios" :mandatory="true">
          <v-radio label="Radio 1" value="radio-1" class="black--text" />
          <v-radio label="Radio 2" value="radio-2" class="black--text" />
        </v-radio-group>
      </v-form>
</v-container>

这是它的脚本

<script>
export default {
  data() {
    return {
      radios: 'radio-1',
      valid: true
    }
  }
}
</script>

我预计收音机文本的颜色是黑色，但它仍然是白色。

Answer 1

似乎无法使用此处提供的文档来执行此操作。

因此，另一个解决方案是在 vue 单文件组件中使用vue.js 深度选择器：

<template>
<v-radio label="Radio 1" value="radio-1" class="black--text" />
</template>

<style scoped>
.black--text /deep/ label {
    color: black;
}
</style>