修改elementUI中的radio的默认样式
修改elementUI中的radio的默认样式
之前写了单选框但是样式⽤⽂档⾥给的fill改不掉，这⾥给⼤家推荐⼀种⽅法，简单易上⼿
这是官⽹的默认样式
想要改变成以下的样式
⾸先需要把template和script放在需要的位置然后进⾏修改想要把原来的样式全部改成灰⾊如以下代码（到⼩圆点和⽂本进⾏修改⽤到/deep/穿透，否则不⽣效）
htmlradio设置默认的按钮
.radio-item /deep/.el-radio__inner {
background: #999;
border-color: #999;
}
.radio-item /deep/.el-radio__label {
color: #999;
}
全部变成灰⾊后再在整个代码的最后加⼊以下代码进⾏颜⾊的改变，可以默认选中，在单选框script中有默认值
<  style lang="less">
// 添加颜⾊类
.el-radio__input.is-checked +.el-radio__label {
color: #fd7624 !important;
}
.el-radio__input.is-checked .el-radio__inner {
background: #fd7624 !important;
border-color: #fd7624 !important;
}
</style>
这样就会出现想要的效果~

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。