28172 sujets

CSS et mise en forme, CSS3

Texte verticalement centré dans un SELECT [resolu]

Modérateur
Salut,

En l'état, ta question ne veut pas dire grand chose. Smiley rolleyes

Je t'invite donc à compléter ta demande en fournissant au moins les codes HTML et CSS.
O_o


<select name='machin'><option value='truc'>truc</option></select>
select { height: 25px; }


Le texte est collé en haut a l'interieur du Select au lieu d'etre centré verticalement.
Modérateur
Pourquoi ces yeux de merlots fris ? Il fallait bien deviner que tu lui avais appliqué une hauteur car, perso, triturer un composant navigateur de la sorte, ça ne me viendrait même pas à l'esprit. Smiley cligne

Tu peux jouer sur la propriété font-size.
Modérateur
On est bien d'accord, d'où ma réponse. Smiley smile

En fait, le problème vient du fait que tu ne fais pas ce que tu veux via CSS avec un composant navigateur; cela impose des contraintes, autant à toi qu'aux utilisateurs, d'où le fait que c'est catalogué comme mauvaise pratique.
Bonjour,
tu ne peux pas faire varier le positionnement vertical de la ligne de base du texte d'un select/option via la propriété line-height, car il y a des risques que le texte soit rogné et donc inaccessible selon le navigateur et l'agrandissement typographique du texte.

a écrit :
En fait, le problème vient du fait que tu ne fais pas ce que tu veux via CSS avec un composant navigateur; cela impose des contraintes, autant à toi qu'aux utilisateurs, d'où le fait que c'est catalogué comme mauvaise pratique.

+1
d'ailleurs par sécurité, on voit déclaré dans la CSS de Firefox (forms.css) select (et option):
line-height: normal !important; et les valeurs de la CSS UA marquées !important prennent manifestement le dessus sur tout le reste. En principe c'est pas normal mais c'est peut-être pas plus mal comme ça Smiley cligne
Modifié par Hermann (03 Jan 2010 - 13:59)
Sujet clos
Aller à