element中自定义el-radio-group(el-radio-button)选中颜色

最新推荐文章于 2024-05-31 08:52:28 发布

开发那点事儿~

最新推荐文章于 2024-05-31 08:52:28 发布

阅读量3.6k

点赞数 3

分类专栏：前端开发框架文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/m0_58293192/article/details/128045433

版权

前端开发同时被 2 个专栏收录

91 篇文章 7 订阅

订阅专栏

框架

54 篇文章 1 订阅

订阅专栏

本文介绍了如何在Vue项目中使用Element UI的el-radio-group组件，并通过添加fill属性为 radio 按钮组设置自定义选中颜色，例如填充色为#d4237a。示例代码展示了如何实现这一功能，包括四个不同选项的radio按钮：会员办卡、会员充值、购买套餐和追加套餐。

摘要由CSDN通过智能技术生成

在网上查找,发现在el-radio-group中加上 fill = "#d4237a" 即可. 可以使十六进制也可以是英文名称.

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

效果如下: