el-radio-button 如何自定义选中时的颜色

el-radio-button 如何自定义选中时的颜色

我试了伪类，el-radio-button还是不变颜色，在网上查找，发现在el-radio-group中加上fill=’#d4237a’ 即可。‘ ’里面可以是十六进制写法，也可以是英文名称（eg ：pink）。

特别提醒一下，是在el-radio-group标签加上fill属性，而不是el-radio-button标签哦！

代码如下：

 <el-radio-group v-model="tabPosition"
                          @change="handleClick"
                          style="margin-bottom: 30px;"
                          fill='#d4237a'>
            <el-radio-button label="card" >会员办卡</el-radio-button>
            <el-radio-button label="charge">会员充值</el-radio-button>
            <el-radio-button label="combo">购买套餐</el-radio-button>
            <el-radio-button label="add">追加套餐</el-radio-button>
</el-radio-group>

效果如下：