Firefox在input标签padding上下边距过大时的bug现象
2017-03-06 21:02
363 查看
原因为写表单时使用Chrome调试,未发现异常,但当后来使用Firefox查看时,却发现登录表单的input标签异常现象
Chrome正常情况下:
Firefox的异常情况:
经过调试,发现问题出在CSS样式表 input标签中的一句:
padding:0.8em 0.8em;
而字体size为1.3em,父容器的高为1.5em
但能清楚地看到在Chrome中,上下的边距是与为上下内边距为0时效果一样的,而左右边距则有相应体现,可以猜想Chrome在发生诸如此类错误时,自动修改为0;
而Firefox则没有类似机制,反而表现出标签被“挤没了”的效果。
Chrome正常情况下:
Firefox的异常情况:
经过调试,发现问题出在CSS样式表 input标签中的一句:
padding:0.8em 0.8em;
而字体size为1.3em,父容器的高为1.5em
但能清楚地看到在Chrome中,上下的边距是与为上下内边距为0时效果一样的,而左右边距则有相应体现,可以猜想Chrome在发生诸如此类错误时,自动修改为0;
而Firefox则没有类似机制,反而表现出标签被“挤没了”的效果。
相关文章推荐
- css之去除html标签默认的外边距margin和内边距padding
- ASP.NET AJAX Advance Tips & Tricks (9) DropDownList在Firefox下的奇怪现象和解决方案——谁的BUG?
- <li>标签在ie6下的上下间隔的BUG解决办法
- javascript 添加 移除 input标签 兼容IE FIREFOX
- Firefox不支持input手动填写后的getAttribute("value"),只能用.value(Firefox 3.5.5 Windows)。bug?
- 记录下IE7下的input标签bug
- h3标签在容器顶部无法设置上下外边距的问题
- 记录下IE7下的input标签bug
- ASP.NET AJAX Advance Tips & Tricks (9) DropDownList在Firefox下的奇怪现象和解决方案——谁的BUG?
- IE bug ——input 外层浮动的边距问题
- html标签padding--设置 btn的背景色,背景颜色方法, input的src属性
- 解决Web移动端Fixed布局的方案(防止页面露底、overflow-scrolling、iOS下的 Fixed + Input BUG现象、isScroll.js)
- iOS下的 Fixed + Input BUG现象
- html 文档中的段落p标签都有一个上下外边距
- 【记】IE下input标签中的padding-left和padding-right
- 记录下IE7下的input标签bug
- 如何让input number类型的标签不产生上下加减的按钮
- IE8下 input标签内padding失效
- FireFox下文本框/域百分比自适应数值padding显示bug解决方案
- Firefox3下<object>标签导致产生空白的"bug"