快活林资源网 Design By www.csstdc.com
测试条件:
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的大小会根据所设置的值缩放。

快活林资源网 Design By www.csstdc.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
快活林资源网 Design By www.csstdc.com