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

问题如上图，想改变复选框的大小，方便使用者勾选，

在element ui里面看的是size，对有边框的应该有效，无边框不好用。

在网上看到，可以使用 zoom 属性

<el-checkbox class="checkbox" label="" v-model="item.check" ></el-checkbox>

对应的类 checkbox 的 zoom 大小默认是100%，我这里改成200%放大一下

.checkbox {
    zoom: 200%;
  }

 注意：zoom属性在火狐浏览器中不会生效
如果需要在火狐浏览器中正常起作用的话，可以使用 transform : scale()的方法

自己做的笔记，如有错误或者意见欢迎指出，谢谢