gpt4 book ai didi

css - Vuetify 在 v-slot :label 上添加样式

转载 作者:行者123 更新时间:2023-11-28 19:12:16 33 4
gpt4 key购买 nike

我有如下所示的 Vuetify 代码

<v-radio-group v-model="gender" column class="radio-group-full-width">
<v-radio value="Boy">
<template v-slot:label>
<v-textarea
v-model="answer"
v-validate="'required'"
required
:error-messages="
errors.collect('form-create.answer')
"
label="Answer 1"
data-vv-name="answer"
type="text"
></v-textarea>
</template>
</v-radio>
</v-radio-group>

问题是我想让文本区域全宽,但是由 vuetify 模板槽生成的标签标签阻止了它。您有什么想法可以解决这个问题吗?

What it looks now

What i want

最佳答案

对大括号稍作修改后,答案对我有用:

.radio-full-width >>> label {
width: 100%;
}

关于css - Vuetify 在 v-slot :label 上添加样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59073245/

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