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