28 CSS Select Boxes (Français)

Collection dexemples de code de sélection personnalisée HTML et CSS gratuits: liste déroulante, multiple, flèche personnalisée, etc. Mise à jour de la collection de juin 2018. 4 nouveaux éléments.

1. jQuery Select Boxes
2. Bootstrap Multi Select Boxes

À propos du code

Boîte de sélection personnalisée

Style de la liste déroulante de la boîte de sélection personnalisée.

Navigateurs compatibles : Chrome, Edge, Firefox, Opera, Safari

Responsive: oui

Dépendances: font-awesome.css

À propos du code

Pure CSS Select Box avec effet de survol directionnel

Pure CSS select box sans aucun JavaScript. Lorsquune option est survolée, le mouvement de licône à lintérieur de loption est décidé par la direction du survol, cest-à-dire le survol vers le haut ou le bas (effet de survol sensible à la direction).

Navigateurs compatibles: Chrome, Edge, Firefox, Opera , Safari

Responsive: oui

Dépendances: font-awesome.css

À propos du code

Boîte de sélection CSS pur

Boîte de sélection sans utiliser JavaScript ni élément natif.

Navigateurs compatibles: Chrome , Edge, Firefox, Opera, Safari

Responsive: oui

Dépendances: –

À propos du code

Boîte de sélection personnalisée réactive

Boîte de sélection personnalisée réactive avec défilement personnalisé.

À propos du code

Sélection dimage

Sélection dimage avec faux-chargement.

À propos du code

Sélection de Materialise

Sélection de style de Materialise JS.

À propos du code

Emballage de sélection personnalisé

Emballage de sélection CSS personnalisé.

Sélection personnalisée

Une sélection personnalisée HTML, CSS et jQuery.
Réalisé par Alessandro Falchi
5 avril 2017

Personnalisé Sélectionnez une option n

Sélection personnalisée, conçue pour changer le style typique de la sélection dans les navigateurs, en utilisant JS pour afficher la liste quand il clique, et SCSS, pour lui donner du style. Lattribut sélectionné fonctionne bien, testez-le.
Réalisé par Dany Santos
8 février 2017

liste de sélection de sélection de conception de matériau

liste de sélection de sélection de conception de matériau avec HTML, CSS et JavaScript.
Réalisé par Sam Murphey
20 janvier 2017

Sélectionnez Option Interaction

Excellent exemple danimation propre. Construit avec TweenMax GSAP.
Fabriqué par Bhakti Al Akbar
7 décembre 2016

Boîtes de sélection

Boîtes de sélection avec HTML, CSS et JS.
Réalisé par Nipun Paradkar
octobre 22, 2016

Liste déroulante de sélection de style CSS et filtrable

Sélection de liste déroulante – stylisée et filtrable en utilisant HTML, CSS et JS vanilla. Fonctionne en utilisant un champ de saisie pour récupérer la valeur de la liste déroulante.
Réalisé par Mari Johannessen
13 octobre 2016

CSS uniquement sélectionnez

CSS uniquement sélectionnez (radio + checkbox).
Réalisé par Aoyue
24 août 2016

Sélectionnez Boîte avec espace réservé

Boîte de sélection HTML et CSS avec espace réservé.
Créé par James Nowland
16 mai 2016

Sélection CSS uniquement

Sélectionnez lentrée à laide dentrées radio.
Réalisé par Nicolas Udy
9 mai 2016

Pure CSS Select

Sélectionnez lentrée, uniquement CSS.
Réalisé par Raúl Barrera
8 avril 2016

Pretty Select Dropdown

Cette image fixe utilise des entrées pour gérer les variables denvoi de formulaire, tout en sappuyant principalement sur CSS.
Créé par j0be
15 janvier 2016

Boîte de sélection personnalisée

Boîte de sélection personnalisée avec jQuery.
Réalisé par Vijaya Kumar Vulchi
7 janvier 2016

Material Design Select

Material design select jQuery version.
Réalisé par LukyVJ
3 janvier 2016

Sélection horizontale

Sélection horizontale simple.
Réalisé par Bharani
23 novembre 2015

À propos du code

Styling Select Box avec CSS

Une manière créative de styliser les listes déroulantes avec rien dautre que du CSS.

Navigateurs compatibles: Chrome, Edge, Firefox, Opera, Safari

Responsive: oui

Dépendances: –

Sélection personnalisée

Un moyen simple de personnaliser vos entrées sélectionnées.
Réalisé par Christophe CORBALAN
10 septembre 2015

Sélectionnez le menu

Sélectionnez le menu avec HTML, CSS et JavaScript.
Réalisé par Pierre Laurent
23 juin 2015

Sélection personnalisée

Une sélection personnalisée très basique.
Fabriqué par Yusuf
1er mai 2015

Sélection personnalisée

Sélection personnalisée avec animation.
Fabriqué par Nikolay Talanov
5 septembre 2014

Sélectionneur

Preuve de concept, pour un widget à sélection multiple.
Réalisé par Benjamin
23 mai 2014

CSS3 C ard Deck Drop Down

Liste déroulante du deck de cartes HTML, CSS et JS.
Fabriqué par Tibor Katelbach
23 juillet 2013