在浏览器中解析"赋予margin属性"的checkbox空白边距(IE6和FF)

测试条件： 1.不管出于什么目的，在公共样式中定义了input元素的margin属性，input { margin:0; } 2.在IE6中测试测试代码：复制代码代码如下: <html> <style> input { margin: 0; } </style> <body> <div style="border: 1px solid #ccc;"> <input type="checkbox" />选择 </div> </body> </html> 解析图示：在IE6中checkbox距离左边框有4像素的间隔，而在FF中则没有。解决方法： 1.设置checkbox的width属性，值差不多是14px，仍然会有一些细微的差别，可以忽略了。如果width超过14px，IE6和FF中都表现为checkbox和左边框有空白间隔，checkbox的大小没有改变。 2.如果同时设置了checkbox的width和height属性，IE6和FF中checkbox的大小会根据所设置的值缩放。

　　推荐阅读

　　z-index ie6下的解决方案

XML/HTML Code复制内容到剪贴板 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/>>>详细阅读

本文标题：在浏览器中解析"赋予margin属性"的checkbox空白边距(IE6和FF)

地址：http://www.17bianji.com/kaifa2/CSS/16567.html

1/2 1