Vuetify v-radio 什么是最好的 CSS 标签边距值？

Question

给定一个广播组

                      <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>

输出显示图标和标签之间的 aa 太大 space

如何设置 CSS 来管理图标和标签之间的 space？

Answer 1

如果你要缩小图标和标签之间的 space，你应该把 :ripple="false" 放在你的单选按钮上（关闭涟漪效果，这样它就不会与标签），然后你可以添加 margin-left: -10px; 到 .radio.input-group label.

Vuetify v-radio 什么是最好的 CSS 标签边距值？

Vuetify v-radio what is the best CSS label margin value?

css

vuetify.js