gpt4 book ai didi

vuetify.js - 我无法更改 Vuetify 中 bool 复选框的文本颜色(版本 -> nuxtjs/vuetify : "0.5.5")

转载 作者:行者123 更新时间:2023-12-02 14:47:53 34 4
gpt4 key购买 nike

我正在使用 nuxt.js 和 vuetify 创建一个网站,我想将 bool 复选框文本的颜色更改为黑色,默认情况下为白色,请参阅 here !我怎样才能改变颜色?

我已经尝试过使用类 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>

我希望 radio 文本的颜色是黑色,但它仍然是白色。

最佳答案

由于文档提供 here,似乎无法使用 props 执行此操作.

因此,另一种解决方案是使用 vue.js deep selector在 vue 单文件组件中:

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

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

关于vuetify.js - 我无法更改 Vuetify 中 bool 复选框的文本颜色(版本 -> nuxtjs/vuetify : "0.5.5"),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57839431/

34 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com