Firefox在input标签padding上下边距过大时的bug现象
来源:互联网 发布:画江湖之换世门生知乎 编辑:程序博客网 时间:2024/05/17 10:09
原因为写表单时使用Chrome调试,未发现异常,但当后来使用Firefox查看时,却发现登录表单的input标签异常现象
Chrome正常情况下:
Firefox的异常情况:
经过调试,发现问题出在CSS样式表 input标签中的一句:
padding:0.8em 0.8em;
而字体size为1.3em,父容器的高为1.5em
但能清楚地看到在Chrome中,上下的边距是与为上下内边距为0时效果一样的,而左右边距则有相应体现,可以猜想Chrome在发生诸如此类错误时,自动修改为0;
而Firefox则没有类似机制,反而表现出标签被“挤没了”的效果。
0 0
- Firefox在input标签padding上下边距过大时的bug现象
- iOS下的 Fixed + Input BUG现象
- div中ul的上下边距
- 块级元素的上下边距
- IE7下下边距BUG
- input标签在谷歌浏览器记住密码下的一个自动填充BUG
- 在Firefox中flex进行debug时出现崩溃的现象
- 在Firefox下浏览博客发生的灵异现象
- IE下input text在字符超出文本框长度时,padding-left和padding-right失效
- IE下input text在字符超出文本框长度时,padding-left和padding-right失效
- ASP.NET AJAX Advance Tips & Tricks (9) DropDownList在Firefox下的奇怪现象和解决方案——谁的BUG?
- Linux /root占用过大空间的现象
- w3school设置footer上下边距的方法
- 前端压力过大时,无结果现象
- html标签padding--设置 btn的背景色,背景颜色方法, input的src属性
- 记录下IE7下的input标签bug
- IE7常见bug: <li>下边的3px bug
- iOS7之后UIBarButton在导航栏上的过大边距问题解决方案
- Fragment切换与Fragment间传值
- 【经验】 Java BigInteger类以及其在算法题中的应用
- BZOJ 3224 Tyvj 1728 普通平衡树——treap
- hibernate实现多条件组合的模糊查询
- java实现——2001计算两点间的距离
- Firefox在input标签padding上下边距过大时的bug现象
- MERGE语句用来合并UPDATE和INSERT语句,一张表的大数据操作,要同时进行增删改,提高性能
- 中国剩余定理(非互质)hdu3579 Hello Kiki ====注意刚好全部整除的情况
- Leetcode twosum
- 安装SQuirrel SQL Client连接Phoenix操作HBase
- jzoj 5001. 【NOI2017模拟3.4】Trie树 状压dp
- 利用摄像头拍照并保存
- 一个基于Behave框架的http接口测试实例
- C语言:顺序表