手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >在浏览器中解析"赋予margin属性"的checkbox空白边距(IE6和FF)
在浏览器中解析"赋予margin属性"的checkbox空白边距(IE6和FF)
摘要:测试条件:1.不管出于什么目的,在公共样式中定义了input元素的margin属性,input{margin:0;}2.在IE6中测试测试代...

测试条件:

1.不管出于什么目的,在公共样式中定义了input元素的margin属性,input { margin:0; }

2.在IE6中测试

测试代码:

<html>

<style>

input { margin: 0; }

</style>

<body>

<div>

<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的大小会根据所设置的值缩放。

【在浏览器中解析"赋予margin属性"的checkbox空白边距(IE6和FF)】相关文章:

总结CSS简写方法

IE6,IE7等其它IE和firfox等标准浏览器css hack简单兼容方

网页中用于构造图表的一些基本CSS代码

CSS控制图片、表格、背景颜色渐变示例

CSS+DIV实现鼠标经过背景变色

13种常用按钮、文本框、表单等CSS样式

关于浏览器兼容性的讨论

利用CSS3实现毛玻璃效果示例源码

CSS 控制Html页面高度导致抖动问题的原因

用CSS3编程模仿iPhone中的返回按钮

精品推荐
分类导航