el-radio-group的勾选是圆形的,改成对勾形状
时间: 2024-02-20 18:59:56 浏览: 137
微信小程序如何实现radio单选框单击打勾和取消
可以通过修改el-radio-group的样式来实现勾选为对勾形状。具体方法是:
1. 首先,在el-radio-group所在的组件或页面中,添加下面的CSS样式:
```css
.el-radio__inner::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
border-radius: 50%;
transform: translate(-50%, -50%) scale(0);
background-color: #409EFF;
transition: all .2s;
}
.el-radio__input.is-checked .el-radio__inner::after {
transform: translate(-50%, -50%) scale(1);
}
```
2. 上述样式中,`.el-radio__inner::after`是勾选的对勾样式,`.el-radio__input.is-checked .el-radio__inner::after`是选中状态下的样式。
3. 保存样式后,重新渲染页面,就会看到勾选变成了对勾形状。
注意:这种方式只是通过修改样式来实现勾选为对勾形状,不会影响el-radio-group的单选功能。
阅读全文