Firefox 3.5.9 下推 input:text 当所有其他浏览器呈现正常时答案

【问题标题】：Firefox 3.5.9 pushes down input:text when all other browsers render it fineFirefox 3.5.9 下推 input:text 当所有其他浏览器呈现正常时
【发布时间】：2011-02-10 23:59:12
【问题描述】：

我在 FF3.5.9（可能更低）中遇到了一个非常奇怪的错误，它将输入：文本移动到输入：提交下方。最奇怪的是它可以在 IE6/7/8、Chrome、Safari 和 Firefox 3.6 上运行。这是一个测试页面，您可以查看它是如何标记的：http://paste-it.net/public/s6479e6/

我可以通过添加 padding-bottom (15px) 来解决 FF3.5.9 的问题，但这会使其他浏览器无法运行。

有没有其他人遇到过类似的问题并找到了解决方法？似乎是一个小问题，但我找不到解决方法，而且我真的不需要绝对定位输入，因为这似乎太 hacky！

感谢您的宝贵时间，

【问题讨论】：

可能是来自.signup input#email 的line-height 声明。尝试删除它。我删除了它，但在 FF 3.6.3 中仍然可以正常工作，我暂时无法在较低版本的 FF 中进行测试。
不幸的是它没有，但感谢您的想法！

标签： html css firefox

【解决方案1】：

FF 3.5.9 中有一些奇怪的错误。特别是一个 javascript 错误，它引发了一个合法的听起来错误，而 FF 是我的主要 Javascript 调试器，我花了 2 个小时来浪费时间。

深入检查文档后，我发现 FF 符合某些其他人都不符合的规范。现在 FF 的一致性状态并不好，所以你可能不得不打破认为 FF 总是对的而其他浏览器是错误的习惯。您可能希望继续关注 Mozilla 博客，看看他们在说什么，这样您就不会感到意外了。

所以基本上是 Alex 所说的，但要小心 FF 一段时间。

【讨论】：

【解决方案2】：

所以看起来没有一个干净的选项......如果其他人最终拥有这个选项，我最终只是浮动输入：提交。不太好，但很管用。

感谢大家的帮助！

编辑： vertical-align:middle 完成了这项工作！

【讨论】：

【解决方案3】：

firefox 3.5 似乎有一个浏览器定义了“line-height: normal !important”，这使您无法通过将 height/line-height 设置为相同来使文本居中。

【讨论】：

【解决方案4】：

line-height 和输入的高度一样吗？如果没有，请尝试设置它。

例如：

 input[type="text"] {
   height: 50px;
   line-height: 50px;
 }

【讨论】：