css - Vuetify 在 v-slot:label 上添加样式
问题描述
我有看起来像这样的 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 模板插槽生成的标签标签阻止了这一点。你有什么想法我可以解决这个问题吗?
解决方案
对大括号稍作修改后,答案对我有用:
.radio-full-width >>> label {
width: 100%;
}
推荐阅读
- python - 使用掩码和多个映射替换列值
- azure-functions - 多次查询 CosmosDB 的函数
- python - 我可以在 for 循环中扩展范围吗?
- python - 读取和写入 CSV 文件
- typo3 - TYPO3 新闻扩展 - 我如何复制和粘贴新闻条目的内容元素?
- routes - Ubuntu 16.04 Hotplug Usb Dongle 和以太网,同时保持以太网作为首选接口
- ansys - ANSYS中的节点如何划分?
- python - 我想通过 Robot Framework 4.0 XML 库在 XML 中设置值
- gitlab - 变量中给出的目录永远不会到达
- javascript - Highcharts 甘特图 - yAxis 标签在滚动时隐藏