您的位置:首页 > Web前端 > CSS

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则没有类似机制,反而表现出标签被“挤没了”的效果。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息