28 CSS Select Boxes (Norsk)

Collection of free HTML and CSS custom select box code eksempler: dropdown, multiple, custom arrow, etc. Oppdatering av juni 2018-samlingen. Fire nye elementer.

1. jQuery Select Boxes
2. Bootstrap Multi Select Boxes

Om koden

Egendefinert valgboks

Tilpasset valgboks rullegardinstil.

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

Responsiv: ja

Avhengigheter: font-awesome.css

Om koden

Pure CSS Select Box with Direction Aware Hover Effect

Pure CSS select boks uten JavaScript. Når det er svev på et alternativ, avgjøres bevegelsen av ikonet inne i retning av sveveren, dvs. oppover eller nedover (retning bevisst svevereffekt).

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

Responsiv: ja

Avhengigheter: font-awesome.css

Om koden

Pure CSS Select Box

Velg boks uten å bruke JavaScript og innfødt element.

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

Responsiv: ja

Avhengighet: –

Om koden

Responsiv egendefinert valgboks

Responsiv egendefinert valgboks med tilpasset rull.

Om koden

Image Selection

Image Selection with faux-loading.

Om koden

Materialiser valg

Materialiser JS-stilvalg.

Om koden

Tilpasset velg innpakning

Custom CSS select wrapper.

Egendefinert valg

Et tilpasset valg av HTML, CSS og jQuery.
Laget av Alessandro Falchi
5. april 2017

Egendefinert Velg en Optio n

Egendefinert valg, designet for å endre den typiske stilen for det valgte i nettlesere, ved hjelp av JS for å vise listen når den klikker, og SCSS, for å gi den stil. Attributtet valgt fungerer bra, test det.
Laget av Dany Santos
8. februar 2017

Material Design Select Dropdown

Material Design select dropdown with HTML, CSS and JavaScript.
Laget av Sam Murphey
20. januar 2017

Velg Alternativinteraksjon

Flott eksempel på ren animasjon. Bygget med TweenMax GSAP.
Laget av Bhakti Al Akbar
7. desember 2016

Select Boxes

Select-boxes with HTML, CSS and JS.
Laget av Nipun Paradkar
oktober 22, 2016

CSS-stil og filtrerbar Velg rullegardin

Velg rullegardin – stylet og filtrerbar ved hjelp av HTML, CSS og vanilje JS. Fungerer med et inndatafelt for å hente verdien fra rullegardinlisten.
Laget av Mari Johannessen
13. oktober 2016

Bare CSS Velg

Bare CSS velg (radio + avkrysningsrute).
Laget av Aoyue
24. august 2016

Velg rute med plassholder

HTML og CSS velg rute med plassholder.
Laget av James Nowland
16. mai 2016

Bare CSS Velg

Velg inngang ved hjelp av radioinnganger.
Laget av Nicolas Udy
9. mai 2016

Pure CSS Select

Velg input, bare CSS.
Laget av Raúl Barrera
8. april 2016

Pretty Select Dropdown

Dette fortsatt bruker innganger for å opprettholde skjemainnleveringsvariablene, mens den først og fremst er avhengig av CSS.
Laget av j0be
15. januar 2016

Custom Select Box

Custom select box with jQuery.
Laget av Vijaya Kumar Vulchi
7. januar 2016

Material Design Select

Material design select jQuery version.
Laget av LukyVJ
3. januar 2016

Horisontal velg

Enkel horisontal markering.
Laget av Bharani
23. november 2015

Om koden

Styling Select Box med CSS

En kreativ måte å utforme utvalgte rullegardiner med bare CSS.

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

Responsiv: ja

Avhengigheter: –

Egendefinert valg

Enkel måte å tilpasse utvalgte innganger på.
Laget av Christophe CORBALAN
10. september 2015

Velg meny

Velg meny med HTML, CSS og JavaScript.
Laget av Pierre Laurent
23. juni 2015

Egendefinert valg

Så veldig veldig grunnleggende tilpasset valg.
Laget av Yusuf
1. mai 2015

Custom Select

Custom select with animation.
Laget av Nikolay Talanov
5. september 2014

Selector

Proof of concept, for en multivalg-widget.
Laget av Benjamin
23. mai 2014

CSS3 C ard Deck Drop Down

HTML-, CSS- og JS-kortstokk faller ned.
Laget av Tibor Katelbach
23. juli 2013