设置大小的方法
方法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这种方式,浏览器兼容性不好。