设置高度后，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 hack...
（仅适用于单行输入，不适用于文本区域）

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