Discussion :

[MicaelFelix]

Salut,

Petite question facile :
J'ai un input type="text" personnalisé auquel je veux centré du texte à l'intérieur.
Pour les côtés aucun problème avec le padding, mais pour le centrage vertical un problème se pose :
- Si j'applique un padding, FF va l'interpréter correctement d'une manière, et IE 8 d'une autre. Je m'explique : FF va le centrer en fonction de ce que j'ai paramétré (car je travaille avec firebug donc je fais mes calculs de padding à partir de là), mais sur IE ça n'a pas le même rendu (trop bas si je me souviens bien) et sur les autres navigateurs ça varie très légèrement mais ça varie quand même
- J'ai donc utilisé "line-height", et dans ce cas là tous les navigateurs connus (IE, Safari, Chrome, et même Opéra) affichent ça de manière centrée verticalement, mais pas Firefox?

En bref mon petit Firefox me met le texte du input tout en haut, alors que je veux qu'il soit centré selon le line-height spécifié

C'est rien de grave mais est-ce qu'il y a une manière 100% compatible pour tous les navigateurs de l'afficher correctement?

Merci d'avance!

[Erwan31]

Bonjour,
la propriété line-height de FF fait varier la hauteur de l'input et ne sert pas à centrer le texte saisi à l'intérieur, ce qui peut provoquer un rognage vertical du texte et donc un problème d'accessibilité. Le style par défaut (line-height: normal !important de FF) étant prioritaire sur tes propres style, tu ne peux pas le surclasser.
Tu dois te servir des padding verticaux.

[MicaelFelix]

C'est bien ce que je me craignais, bref va falloir que j'utilise un fix pour FF uniquement, vu que c'est le seul à l'afficher de cette manière

Merci!