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

在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()的方法

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

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐