Le texte en entrée HTML sur FireFox 3.5 reste en haut quand la hauteur est réglée

Question

Nous avons besoin de plus grandes entrées de texte pour nos formulaires, assez faciles, nous leur donnons juste la hauteur ... Mais Firefox 3.5 garde alors le texte en haut. Comment puis-je le centrer verticalement? Sur Firefox 3.6, IE8, Chrome et Safari, le texte est centré verticalement comme je l'espérais.

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

Comment puis-je faire le texte sous cette forme centrée dans sa boîte d'entrée?

Answer 1

Utilisez padding à la place ...

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

ou

Utilisez le line-height bidouille ... (fonctionne uniquement avec des entrées de ligne simple, pas textarea s)

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