您现在的位置是：网站首页> 编程资料编程资料

在浏览器中解析"赋予margin属性"的checkbox空白边距(IE6和FF)_CSS教程_CSS_网页制作_

2021-09-08 917人已围观

简介在IE6中checkbox距离左边框有4像素的间隔，而在FF中则没有。

测试条件：
1.不管出于什么目的，在公共样式中定义了input元素的margin属性，input { margin:0; }
2.在IE6中测试
测试代码：

复制代码

代码如下:

选择

解析图示：

在IE6中checkbox距离左边框有4像素的间隔，而在FF中则没有。

解决方法：

1.设置checkbox的width属性，值差不多是14px，仍然会有一些细微的差别，可以忽略了。

如果width超过14px，IE6和FF中都表现为checkbox和左边框有空白间隔，checkbox的大小没有改变。

2.如果同时设置了checkbox的width和height属性，IE6和FF中checkbox的大小会根据所设置的值缩放。