el-checkbox 修改圆形勾选样式
时间: 2023-10-06 14:11:12 浏览: 267
nested_el-checkbox:element-ui的el-checkbox实现嵌套多选,单选
5星 · 资源好评率100%
要修改el-checkbox的圆形勾选样式,可以在CSS中添加以下代码:
```
.el-checkbox__input.is-checked .el-checkbox__inner::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #fff;
}
```
其中,`background-color`可以改为自己想要的颜色。如果想要修改勾选框的大小,可以调整`width`和`height`的值。
阅读全文