Question

我正在使用nuxt.js和vuetify创建一个网站，我想将布尔复选框的文本颜色更改为黑色，默认为白色，请参见here！如何更改颜色？

我已经尝试使用类import pygame from gpiozero import LED, Button pygame.init() led = LED(17) button = Button(27) while True: if button.is_pressed: pygame.mixer.music.load("zelda.mp3") pygame.mixer.music.play() led.on() else: led.off()

这是我写的一些代码：

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>

我希望收音机的文字为黑色，但仍为白色。

Answer 1

由于文档提供了here，因此似乎不可能用道具来做到这一点。

因此，另一解决方案是在vue单个文件组件中使用vue.js deep selector：

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

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

Answer 2

在插槽上添加标签

<v-radio>
  <span slot="label" class="red--text">My label</span>
</v-radio>

在Vue 2，Vuetify 2.3上工作

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

2 个答案: