Vuetify v-radio什么是最好的CSS标签边际值?

时间:2018-06-08 13:53:37

标签: css3 vuetify.js

给定一个广播组

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

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

radio group

如何设置CSS来管理图标和标签之间的空间?

1 个答案:

答案 0 :(得分:0)

如果要缩小图标和标签之间的距离,则应将:ripple="false"放在单选按钮上(关闭涟漪效果,使其不与标签重叠),然后你可以将margin-left: -10px;添加到.radio.input-group label