2010-10-08 7 views
34

Le texte par défaut de mon champ de recherche semble correct dans Chrome, FF et Safari (vertical-align: middle).Alignement vertical incorrect dans IE8

Cependant, le texte par défaut est placé en haut de la zone 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; 
} 

Répondre

88

Avez-vous essayé de placer la hauteur de la ligne pour correspondre à la hauteur de la zone de texte? Le texte devrait apparaître automatiquement au milieu de la ligne

+1

Merci! Cela a fonctionné. – JMan

+1

Merci. Ça m'a aidé. +1 – Pankaj

+3

VOUS ÊTES UN ROI! J'ai gaspillé environ 5 heures avec ce problème. Merci – uriz

3

Spécifier la hauteur de ligne fait grandir le curseur dans Chrome, je vais suggérer d'utiliser un remplissage égal de haut en bas pour aligner verticalement le texte dans IE8, ça marchera dans Chrome/FF/IE8