vue.js element-ui el-radio-group fill 色の設定！

背景##

vue.js element-ui el-radio-group で　ラジオボタングループの色　を変更したい！

問題##

下記コードのように　https://element.eleme.cn/#/en-US/component/radio からのコードはそのままに、
el-radio-groupに　fill='#4c993a' を追加しても、効かない！！！ blueのままだ！

test1.vue

Copied!

<el-radio-group fill='#4c993a' v-model="radio1" @change='changeValue'>
    <el-radio  :label="1" border>りんご</el-radio>
    <el-radio  :label="2" border>なし</el-radio>
</el-radio-group>

解決策##

なんで？！！！
色々調べみたら、、、！

<el-radio> </el-radio> ではなく、、、

<el-radio-button> </el-radio-button> だ！！！！

test2.vue

Copied!

<el-radio-group fill='#4c993a' v-model="radio1" @change='changeValue'>
    <el-radio-button  :label="1" border>りんご</el-radio-button>
    <el-radio-button  :label="2" border>なし</el-radio-button>
</el-radio-group>

イメージ図##