Hauteur de ligne d'option dans <select>
Patzer
-
Patzer -
Patzer -
Bonjour,
Chrome 61 me fait des hauteurs de ligne excessives dans les <option> d'un <select>, il y a une marge importante au dessus et au dessous de chaque ligne d'option. Chrome 59 ne me pose pas ce problème.
Le code :
<select style='width:180px; font-size:14px; font-weight:bold; border:1px lightgey; border-radius:15px; border-top:0;' onChange='redirigeniv(this.value)'>
<option $s0 value=tous style='font-weight:bold; padding:0; margin:0px;'>Tous</option>
<option $s1 value=E>Elite</option>
<option $s2 value=C1>C1</option>
<option $s3 value=C2>C2</option>
</select>\n";
J'ai essayé de corriger ce problème en changeant le style mais rien n'y fait. Quelqu'un a une idée ?
Chrome 61 me fait des hauteurs de ligne excessives dans les <option> d'un <select>, il y a une marge importante au dessus et au dessous de chaque ligne d'option. Chrome 59 ne me pose pas ce problème.
Le code :
<select style='width:180px; font-size:14px; font-weight:bold; border:1px lightgey; border-radius:15px; border-top:0;' onChange='redirigeniv(this.value)'>
<option $s0 value=tous style='font-weight:bold; padding:0; margin:0px;'>Tous</option>
<option $s1 value=E>Elite</option>
<option $s2 value=C1>C1</option>
<option $s3 value=C2>C2</option>
</select>\n";
J'ai essayé de corriger ce problème en changeant le style mais rien n'y fait. Quelqu'un a une idée ?
A voir également:
- Hauteur de ligne d'option dans <select>
- Partage de photos en ligne - Guide
- Mètre en ligne - Guide
- Formulaire en ligne de meta - Guide
- Aller à la ligne excel - Guide
- Apparaitre hors ligne instagram - Guide
Je vous disais juste qu'en générale les feuilles de styles sont plus utilisés que les attributs style car cela facilite et allège le code.
Pardon de ne paz être un ordi et de ne pas vous donner la réponse exacte qui marche du premier coup.
Maintenant si je vous ai suggérer le max height c'est qu'il faut bien commencer le debug par quelque chose.
Deuxième suggestion si jamais cela vous interesse : mettre des bordures à vos balises afin de voir la hauteur réelle pris en compte par le navigateur.
Bonne journée.
Il ne s'agit en rien d'un pb sur ma page, j'ai en réalité constaté ce problème sur tous les sites qui utilisent des <select> (par exemple phpMyAdmin) les hauteurs des <option> est anormalement grande avec Chrome 61 (j'ai un autre pc avec Chrome 59 où ça fonctionne normalement).
Donc, soit ça vient d'une nouvelle présentation de Chrome mais ça ressemble plus à un bug d'affichage et tout le monde peut reproduire le problème, soit ça vient de mon pc, d'une configuration quelconque, et je suis le seul à le voir. J'ai réinstallé Chrome au cas où, ça n'a rien fait.
Vous avez vérifié dans l'inspecteur du navigateur la hauteur?