Lien vers le plug-in : http://labs.abeautifulsite.net/jquery-selectBox/
Fixer la largeur d’une selectBox :
1 2 3 |
a.selectBox.selectBox-dropdown{ width: 220px; } |
(Lorsqu’on a fixé la largeur d’une selectBox) faire en sorte que l’espace englobant les libellés des options s’adapte en largeur au libellé le plus long :
1 2 3 4 5 |
.selectBox-options, .selectBox-options LI, .selectBox-options LI A{ width: inherit !important; } |
(Lorsqu’on a fixé la largeur d’une selectBox) éviter que la présence d’un ascenceur vertical à droite ne cache la fin des libellés des options :
1 2 3 |
.selectBox-options LI A{ padding-right: 20px; } |
Code CSS complet :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
/* Fixer la largeur d'une selectBox */ a.selectBox.selectBox-dropdown{ width: 220px; } /* (Lorsqu'on a fixé la largeur d'une selectBox) faire en sorte que l'espace englobant les libellés des options s'adapte en largeur au libellé le plus long */ .selectBox-options, .selectBox-options LI, .selectBox-options LI A{ width: inherit !important; } /* (Lorsqu'on a fixé la largeur d'une selectBox) éviter que la présence d'un ascenceur vertical à droite ne cache la fin des libellés des options */ .selectBox-options LI A{ padding-right: 20px; } |