el-checkbox复选框如何修改尺寸大小

改变大小

1.谷歌浏览器

 

<el-checkbox-group v-model="checkList">
             <el-checkbox class="checkbox"></el-checkbox>
</el-checkbox-group>

.checkbox{
    zoom: 200%;
}

 添加自定义class（有网友说）

如果发现有浏览器没有作用那就用下面的办法

2.其他浏览器

 .el-checkbox__inner {
       width: 20px;
       height: 20px;
}

  .el-checkbox__inner::after {
        border: 3px solid #fff;
        border-left: 0;
        border-top: 0;
        left: 5px;
        top: 5px;
}

.el-checkbox__input.is-checked .el-checkbox__inner::after {
        transform: rotate(50deg) scaleY(1.3);
 }