修改el-tree checkbox和文字大小
原始效果:
需求描述:默认效果如上图,想改变复选框的大小,方便使用者勾选,需要修改el-tree checkbox和文字的大小
<el-checkbox class="el-checkbox" label="" v-model="item.check" ></el-checkbox>
主要代码是css:
.el-checkbox{ zoom: 130%; //适配谷歌 不适配火狐 }
上述css代码效果在谷歌浏览器上是生效的,但是在火狐浏览器上不是生效的,故又用了另外一种方法,可以同时满足谷歌和火狐两种浏览器
.el-checkbox{ transform : scale(130%) //修改el-tree checkbox和文字大小 适配谷歌和火狐 }
最后附上最后的效果图: