el-radio 按钮自定义 radio 样式

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