# 1. 谷歌浏览器
添加自定义 class
<el-checkbox-group v-model="checkList"> | |
<el-checkbox class="checkbox"></el-checkbox> | |
</el-checkbox-group> | |
.checkbox{ | |
zoom: 200%; | |
} |
如果发现有浏览器没有作用那就用下面的办法
# 2. 其他浏览器
/deep/.el-checkbox__inner { | |
width: 19px; | |
height: 19px; | |
} | |
/deep/.el-checkbox__inner::after { | |
border: 1px solid #fff; | |
border-left: 0; | |
border-top: 0; | |
left: 7px; | |
top: 4px; | |
} | |
/deep/.el-checkbox__input.is-checked .el-checkbox__inner::after { | |
transform: rotate(50deg) scaleY(1.5); | |
} |
