css - Vue在V槽上添加样式:标签

我有看起来像这样的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 - Vue在V槽上添加样式:标签，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/59073245/