Le plugin JQuery Stylish Select permet comme son nom l’indique de styliser les listes déroulantes (balises html <select>).
Le plugin est simple à mettre en place. En outre, il permet de simuler toutes les petites fonctionnalités d’un select classique : gestion des flèches directionnelles, gestion des touches du clavier (si tu appuies sur la lettre « A », le premier élément commençant par cette lettre est sélectionné) ainsi que la gestion des « optgroup ».
Le tout est bien entendu customisable en CSS, la structure du code générée est facilement compréhensible, on ne se retrouve pas avec 50 <div> imbriqués.
Pas encore de billet sur le même sujet !
Ce qui est bien, c’est que ca reste des car si on désactive JS, on garde quand même un selecteur classique et ca c’est pas mal!
Y a un gros bug avec ce plugin… Quand on a trop d’élement dans la select list, il l’ouvre vers le haut avec une hauteur infinie et on ne sait plus rien selectionner…