在IE6中checkbox距离左边框有4像素的间隔,而在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的大小会根据所设置的值缩放。 |