给定一个广播组
<v-flex xs-12 sm-3 md-3 lg-3>
<v-radio-group
row
v-model="honorificPrefix"
v-validate="'required'"
required
>
<v-radio class="radio" :label="$t('lang.views.contact.mrs')" :value="$t('lang.views.contact.mrs')"></v-radio>
<v-radio class="radio" :label="$t('lang.views.contact.mr')" :value="$t('lang.views.contact.mr')"></v-radio>
</v-radio-group>
</v-flex>
输出显示图标和标签之间的空间太大
如何设置 CSS 来管理图标和标签之间的空间?
最佳答案
如果你要缩小图标和标签之间的空间,你应该把 :ripple="false"
放在你的单选按钮上(关闭涟漪效果,这样它就不会重叠与标签),然后你可以添加 margin-left: -10px;
到 .radio.input-group 标签
。
关于css - Vuetify v-radio 什么是最好的 CSS 标签边距值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50762213/