Input Firefox中可能存在输入填充错误

我的页面上有三个主要元素。 两个跨距和一个输入字段

这三个元素都有相同的填充和字体大小，但输入字段比两个跨距高出一个像素（在Firefox中）。它用镀铬看起来非常漂亮

这个“错误”可能是因为我在使用谷歌网页字体，但我想知道你们认为这个问题是什么

在Chrome和Firefox中打开它并进行比较

我试过：

vertical-align: top; (middle, and bottom)
max-height: 50px;
line-height:;
overflow: hidden;

---

我还尝试更改输入字段的字体大小，然后在Firefox中修复了问题，然后在Chrome中出现了问题。。。它永远不会结束

使用检查器查看每个浏览器应用于图元的默认样式。然后您可以相应地重新设置样式。

也许您应该在元素上使用固定的高度，而不是依靠填充和字体大小来计算高度：

我看不出在ff和chrome上使用它有什么不同

.enter-price {
    max-height: 50px;
}

---

需要强制达到允许的高度。问题已解决。

最新版本的Firefox发生了更改。它现在使用与Internet Explorer 11相同的填充。我猜这是一个错误，现在已经修复了。但我在变更日志中找不到错误修复

但是，Firefox 26（更新之前的最后一个版本）中没有左右填充，Firefox 29中两边都有默认的1px（就像IE11中一样），这种行为发生了明显的变化

---

有人能指出一些变更日志的链接吗？谢谢大家!

是的，我必须设置最大高度：50px；对于。输入价格{}

.enter-price {
    max-height: 50px;
}