el-radio 按钮自定义 radio 样式

• HTML

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