icheck如何修改样式大小

Posted 2020-09-17 @ 以乐之名

icheck默认样式比较大，有需求调整checkbox大小。

1. 最简单的方法可用css3来实现，让整个模块层缩放，不兼容低版本浏览器。

transform:scale(0.7,0.7)

 

2. 为了更好的兼容，最好的解决方案：

修改icheck本身默认样式的 width / height 来实现，

虽然宽高改变了，但是背景图片大小依旧，所以多了一步步骤，修改图片大小。完成。

.icheckbox_square-blue, .iradio_square-blue { 

  width: 22px;  　　 //修改宽度

  height: 22px; 　　//修改高度

}

 

background: url(blue.png) no-repeat;  将blue.png修改成与你宽高比例相同的图片大小。