28 CSS-Auswahlfelder

Sammlung kostenloser HTML- und CSS-Codebeispiele für benutzerdefinierte Auswahlfelder: Dropdown, Mehrfach, benutzerdefinierter Pfeil usw. Aktualisierung der Sammlung vom Juni 2018. 4 neue Elemente.

1. jQuery-Auswahlfelder
2. Bootstrap-Mehrfachauswahlfelder

Informationen zum Code

Benutzerdefiniertes Auswahlfeld

Benutzerdefiniertes Dropdown-Design für Auswahlfelder.

Kompatible Browser : Chrome, Edge, Firefox, Opera, Safari

Antwort: Ja

Abhängigkeiten: font-awesome.css

Informationen zum Code

Auswahlfeld für reines CSS mit richtungsbewusstem Hover-Effekt

Auswahl für reines CSS Box ohne JavaScript. Wenn bei einer Option ein Hover aktiviert ist, wird die Bewegung des Symbols innerhalb der Option durch die Richtung des Hovers bestimmt, dh nach oben oder unten (richtungsabhängiger Hover-Effekt).

Kompatible Browser: Chrome, Edge, Firefox, Opera , Safari

Antwort: Ja

Abhängigkeiten: font-awesome.css

Informationen zum Code

Pure CSS-Auswahlfeld

Auswahlfeld ohne Verwendung von JavaScript und nativem Element.

Kompatible Browser: Chrome , Edge, Firefox, Opera, Safari

Antwort: Ja

Abhängigkeiten: –

Informationen zum Code

Responsive Custom Select Box

Responsive Custom Select Box mit benutzerdefiniertem Bildlauf.

Informationen zum Code

Bildauswahl

Bildauswahl mit Faux-Loading.

Informationen zum Code

Materialise Select

Materialize JS style select.

Informationen zum Code

Benutzerdefinierter Auswahl-Wrapper

Benutzerdefinierter CSS-Auswahl-Wrapper.

Benutzerdefinierte Auswahl

Eine benutzerdefinierte Auswahl für HTML, CSS und jQuery.
Erstellt von Alessandro Falchi
5. April 2017

Benutzerdefiniert Wählen Sie ein Optio n

Benutzerdefinierte Auswahl, um den typischen Stil der Auswahl in Browsern zu ändern. Verwenden Sie JS, um die Liste beim Klicken anzuzeigen, und SCSS, um ihr den Stil zu geben. Das ausgewählte Attribut funktioniert gut, testen Sie es.
Erstellt von Dany Santos
8. Februar 2017

Dropdown-Liste Materialdesign auswählen

Dropdown-Liste Materialdesign mit HTML, CSS und auswählen JavaScript.
Erstellt von Sam Murphey
20. Januar 2017

Option Interaktion auswählen

Tolles Beispiel für eine saubere Animation. Gebaut mit TweenMax GSAP.
Hergestellt von Bhakti Al Akbar
7. Dezember 2016

Auswahlboxen

Auswahlboxen mit HTML, CSS und JS.
Hergestellt von Nipun Paradkar
Oktober 22, 2016

CSS-gestylt und filterbar Dropdown-Liste auswählen

Dropdown auswählen – gestylt und filterbar mit HTML, CSS und Vanilla JS. Funktioniert mit einem Eingabefeld, um den Wert aus der Dropdown-Liste abzurufen.
Erstellt von Mari Johannessen
13. Oktober 2016

Nur CSS auswählen

Nur CSS auswählen (Radio + Kontrollkästchen).
Erstellt von Aoyue
24. August 2016

Auswahlfeld mit Platzhalter

HTML- und CSS-Auswahlfeld mit Platzhalter.
Hergestellt von James Nowland
16. Mai 2016

Nur CSS auswählen

Eingang über Funkeingänge auswählen.
Erstellt von Nicolas Udy
9. Mai 2016

Reines CSS auswählen

Eingabe auswählen, nur CSS.
Erstellt von Raúl Barrera
8. April 2016

Pretty Select Dropdown

Dies ist immer noch Verwendet Eingaben, um die Formularübermittlungsvariablen zu verwalten, wobei hauptsächlich CSS verwendet wird.
Erstellt von j0be
15. Januar 2016

Benutzerdefiniertes Auswahlfeld

Benutzerdefiniertes Auswahlfeld mit jQuery.
Hergestellt von Vijaya Kumar Vulchi
7. Januar 2016

Materialdesignauswahl

Materialdesignauswahl jQuery-Version.
Hergestellt von LukyVJ
3. Januar 2016

Horizontale Auswahl

Einfache horizontale Auswahl.
Hergestellt von Bharani
23. November 2015

Informationen zum Code

Auswahlfeld für das Styling mit CSS

Eine kreative Möglichkeit, ausgewählte Dropdowns nur mit CSS zu gestalten.

Kompatible Browser: Chrome, Edge, Firefox, Opera, Safari

Antwort: Ja

Abhängigkeiten: –

Benutzerdefinierte Auswahl

Einfache Möglichkeit, Ihre ausgewählten Eingaben anzupassen.
Hergestellt von Christophe CORBALAN
10. September 2015

Menü auswählen

Menü mit HTML, CSS und JavaScript auswählen.
Erstellt von Pierre Laurent
23. Juni 2015

Benutzerdefinierte Auswahl

Also sehr, sehr einfache benutzerdefinierte Auswahl.
Hergestellt von Yusuf
1. Mai 2015

Benutzerdefinierte Auswahl

Benutzerdefinierte Auswahl mit Animation.
Hergestellt von Nikolay Talanov
5. September 2014

Selectionator

Proof of Concept für ein Multi-Select-Widget.
Erstellt von Benjamin
23. Mai 2014

CSS3 C. ard Deck Dropdown

Dropdown für HTML-, CSS- und JS-Kartendecks.
Erstellt von Tibor Katelbach
23. Juli 2013