首页 > 代码库 > icheck如何修改样式大小

icheck如何修改样式大小

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修改成与你宽高比例相同的图片大小。

icheck如何修改样式大小