设置高度时，FireFox 3.5 上的 HTML 输入中的文本保持在顶部答案

【问题标题】：Text in HTML input on FireFox 3.5 remains at top when height set设置高度时，FireFox 3.5 上的 HTML 输入中的文本保持在顶部
【发布时间】：2010-09-23 02:36:37
【问题描述】：

我们需要为我们的表单输入更大的文本，这很简单，我们只需设置它们的高度...但是 Firefox 3.5 然后将文本保持在顶部。如何垂直居中？在 Firefox 3.6、IE8、Chrome 和 Safari 上，文本如我所愿垂直居中。

<form>
  <input type="text" style="height: 50px"/>
</form>

如何使该表单中的文本在其输入框中居中？

【问题讨论】：

标签： html css firefox forms input

【解决方案1】：

请改用padding...

input[type=text] {
   padding: 25px 0; /* experiment with padding */
}

或

使用line-height 黑客... （仅适用于单行输入，不适用于textareas）

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

【讨论】：

填充确实有效，但问题是我不能再精确控制像素的高度。如果用户增加字体大小，我旁边的文本输入图形就会完全失控。 line-height 对单行文本输入（至少在 firefox 3.5 中）没有任何影响。
@at 我忘了说你还需要包括高度。查看我的更新。
带或不带高度的行高对firefox 3.5没有影响
我没有 Firefox 3.5，但是I can see it doesn't work。你为什么要瞄准 3.5 呢？大多数 FireFox 用户通常总是使用最新的稳定版本。
是的，我想你是对的，alex...我们的访问者中有相当一部分使用 FF，而且我们有许多输入字段对他们来说看起来很奇怪。但这些游客的数量不可避免地会减少。只是希望有一个简单的解决方案。