当设置高度时，FireFox 3.5上的HTML输入中的文本仍然位于顶部

Question

我们需要为表单提供更大的文本输入，这很简单，我们只需设置它们的高度......但Firefox 3.5会将文本保留在顶部。我如何垂直居中？在Firefox 3.6，IE8，Chrome和Safari上，文本垂直居中，正如我所希望的那样。

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

如何将此表单中的文本置于其输入框的中心？

Answer 1

使用padding代替......

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

或

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

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