测试条件：
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>
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的大小会根据所设置的值缩放。
标签：
checkbox,空白边距
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
狼山资源网 Copyright www.pvsay.com
暂无“在浏览器中解析"赋予margin属性"的checkbox空白边距(IE6和FF)”评论...