icheck如何修改样式大小

时间：2017-05-09 11:14:30 阅读：132 评论：0 收藏：0 [点我收藏+]

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

原文地址：http://www.cnblogs.com/kenz520/p/6828980.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行