设置checbox大小的方法

设置大小的方法

方法1 ：transform属性

input[type=checkbox]{
			transform:scale(3); 
            -moz-transform:scale(3);             火狐浏览器
            -ms-transform:scale(3);              IE浏览器
            -webkit-transform:scale(3);          chrome和safair
            -o-transform:scale(3);               opera浏览器
}

以上方法也支持所有浏览器,但在fixfox和opera浏览器可能会出现失真。

方法2：用图片代替
准备2张图片 你需要的大小，一个选中的，一个未选中的

< img src=“false.png” alt=“false”>
设置img的宽高，当点击图片的时候来回切换属性src

方法3 ：zoom（在firefox和opera不生效）

< input type=“checkbox” style=“zoom:3;” />

如上这是即可将元素放大三倍

方法4：不要用设置< input type=“checkbox” >的属性weight和height这种方式，浏览器兼容性不好。