Alignement vertical incorrect dans IE8

Question

Le texte par défaut dans la zone de recherche me convient parfaitement dans Chrome, FF et Safari (vertical-align: middle).

Cependant, le texte par défaut monte en haut du champ de recherche dans IE 8 .

Existe-t-il une solution de contournement pour IE? Merci de votre aide.

HTML:

 <input type="text" class="text" value="Search" title="Search" />
 

CSS:

 .text {
    height: 47px;
    font-size: 18px;
    margin: 0; 
    padding: 0 5px 0 45px;
}
 

Answer 1

Avez-vous essayé de définir la hauteur de ligne pour qu'elle corresponde à la hauteur de la zone de texte? Le texte devrait apparaître automatiquement au milieu de la ligne

Answer 2

Si vous spécifiez la hauteur de ligne, le curseur deviendra très grand dans Chrome. Je suggèrerai donc d'utiliser un remplissage égal du haut / du bas pour aligner le texte verticalement dans IE8. Cela fonctionnera également dans Chrome / FF / IE8.