el-radio-group设置未选中填充颜色
时间: 2023-08-06 21:04:39 浏览: 347
el-select-tree:ElementUI的el-select与el-tree结合
5星 · 资源好评率100%
el-radio-group可以通过设置未选中状态的样式来实现未选中填充颜色的效果。你可以在el-radio-group的样式中设置以下代码来实现:
```
.el-radio__input.is-checked+.el-radio__label::before {
border-color: #409EFF;
background-color: #409EFF;
}
.el-radio__input+.el-radio__label::before {
border-color: #dcdfe6;
background-color: #dcdfe6;
}
```
其中,`.el-radio__input.is-checked+.el-radio__label::before`表示选中状态下的样式,`background-color`属性设置填充颜色;`.el-radio__input+.el-radio__label::before`表示未选中状态下的样式,同样可以通过`background-color`属性设置填充颜色。你可以根据具体需求修改颜色值。
阅读全文