- HTML
<el-form-item label="类型" prop="company_type">
<el-radio-group v-model="form.company_type">
<el-radio
v-for="label in company_type_options"
:label="label"
:key="label"
></el-radio>
</el-radio-group>
</el-form-item>
- css
.el-radio__inner {
width: 18px;
height: 18px;
// 去掉默认的中心填充
&::after {
display: none;
transition: none;
}
}
.el-radio__input.is-checked {
.el-radio__inner {
padding: 4px;
background-color: $green;
background-clip: content-box;
}
}
参考链接:
css3 美化 radio 按钮(兼容 IE9)