28 CSS Select Boxes

Verzameling van gratis HTML en CSS custom select box codevoorbeelden: dropdown, meerdere, aangepaste pijl, etc. Update van juni 2018 collectie. 4 nieuwe items.

1. jQuery Select Boxes
2. Bootstrap Multi Select Boxes

Over de code

Aangepast selectievak

Aangepast keuzevak dropdown-stijl.

Compatibele browsers : Chrome, Edge, Firefox, Opera, Safari

Responsive: ja

Afhankelijkheden: font-awesome.css

Over de code

Pure CSS Select Box met Direction Aware Hover Effect

Pure CSS select box zonder JavaScript. Wanneer er een zweeftekst op een optie staat, wordt de beweging van het pictogram binnen de optie bepaald door de richting van de zweeftekst, dwz omhoog zweven of omlaag zweven (richtingbewust zweefeffect).

Compatibele browsers: Chrome, Edge, Firefox, Opera , Safari

Responsive: ja

Afhankelijkheden: font-awesome.css

Over de code

Pure CSS Select Box

Selecteer box zonder JavaScript en native element te gebruiken.

Compatibele browsers: Chrome , Edge, Firefox, Opera, Safari

Responsive: ja

Afhankelijkheden: –

Over de code

Responsive custom select box

Responsive custom select box met custom scroll.

Over de code

Afbeeldingsselectie

Afbeeldingsselectie met faux-laden.

Over de code

Materialize Select

Materialize JS style select.

Over de code

Custom Select Wrapper

Custom CSS select wrapper.

Custom Select

Een HTML, CSS en jQuery custom select.
Gemaakt door Alessandro Falchi
5 april 2017

Aangepast Selecteer een Optio n

Aangepaste selectie, ontworpen om de typische stijl van de selectie in browsers te veranderen, met behulp van JS om de lijst weer te geven wanneer erop wordt geklikt, en SCSS om hem stijl te geven. Het geselecteerde kenmerk werkt goed, test het.
Gemaakt door Dany Santos
8 februari 2017

Vervolgkeuzelijst materiaalontwerp

Selecteer vervolgkeuzelijst Materiaalontwerp met HTML, CSS en JavaScript.
Gemaakt door Sam Murphey
20 januari 2017

Selecteer optie-interactie

Geweldig voorbeeld van schone animatie. Gebouwd met TweenMax GSAP.
Gemaakt door Bhakti Al Akbar
7 december 2016

Select Boxes

Selectboxen met HTML, CSS en JS.
Gemaakt door Nipun Paradkar
oktober 22, 2016

CSS-stijl en filterbare vervolgkeuzelijst selecteren

Selecteer vervolgkeuzelijst – vormgegeven en filterbaar met HTML, CSS en vanilla JS. Werkt met behulp van een invoerveld om de waarde uit de vervolgkeuzelijst te halen.
Gemaakt door Mari Johannessen
13 oktober 2016

Alleen CSS selecteren

Alleen CSS selecteren (radio + checkbox).
Gemaakt door Aoyue
24 augustus 2016

Select Box With Placeholder

HTML en CSS select box met placeholder.
Gemaakt door James Nowland
16 mei 2016

Alleen CSS selecteren

Ingang selecteren met radio-ingangen.
Gemaakt door Nicolas Udy
9 mei 2016

Pure CSS Select

Selecteer invoer, alleen CSS.
Gemaakt door Raúl Barrera
8 april 2016

Pretty Select Dropdown

Dit nog steeds gebruikt invoer om de variabelen voor het indienen van formulieren te behouden, terwijl het voornamelijk op CSS vertrouwt.
Gemaakt door j0be
15 januari 2016

Aangepast selectievakje

Aangepast selectievakje met jQuery.
Gemaakt door Vijaya Kumar Vulchi
7 januari 2016

Materiaalontwerp selecteren

Materiaalontwerp selecteren jQuery-versie.
Gemaakt door LukyVJ
3 januari 2016

Horizontale selectie

Eenvoudige horizontale selectie.
Gemaakt door Bharani
23 november 2015

Over de code

Styling Select Box met CSS

Een creatieve manier om drop-downs te stylen met niets anders dan CSS.

Compatibele browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: ja

Afhankelijkheden: –

Aangepaste selectie

Gemakkelijke manier om uw geselecteerde invoer aan te passen.
Gemaakt door Christophe CORBALAN
10 september 2015

Menu selecteren

Menu selecteren met HTML, CSS en JavaScript.
Gemaakt door Pierre Laurent
23 juni 2015

Aangepaste selectie

Dus heel erg eenvoudige aangepaste selectie.
Gemaakt door Yusuf
1 mei 2015

Aangepaste selectie

Aangepaste selectie met animatie.
Gemaakt door Nikolay Talanov
5 september 2014

Selectionator

Proof of concept, voor een multi-select widget.
Gemaakt door Benjamin
23 mei 2014

CSS3 C ard Deck Drop Down

HTML, CSS en JS card deck drop-down.
Gemaakt door Tibor Katelbach
23 juli 2013