Текст в HTML-вводе в FireFox 3.5 остается на вершине при заданной высоте

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 ... (работает только с однострочными входами,не textarea с)

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