28 CSS Select Boxes (Dansk)

Samling af gratis HTML- og CSS-tilpassede markeringsfeltkodeeksempler: dropdown, multiple, custom pil osv. Opdatering af juni 2018-samlingen. 4 nye emner.

1. jQuery Select Boxes
2. Bootstrap Multi Select Boxes

Om koden

Tilpasset valgfelt

Tilpasset valgfelt dropdown-styling.

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

Responsiv: ja

Afhængighed: font-awesome.css

Om koden

Pure CSS Select Box med retningsbevidst Hover-effekt

Pure CSS select kasse uden JavaScript. Når der er svævefelt på en indstilling, bestemmes bevægelsen af ikonet inden i indstillingen af svævningsretningen, dvs. op svæver eller ned svæver (retning bevidst svævende effekt).

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

Responsiv: ja

Afhængigheder: font-awesome.css

Om koden

Pure CSS Select Box

Vælg box uden at bruge JavaScript og native element.

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

Responsiv: ja

Afhængigheder: –

Om koden

Responsivt brugerdefineret valgfelt

Responsivt brugerdefineret markeringsfelt med brugerdefineret rulle.

Om koden

Billedvalg

Billedvalg med faux-loading.

Om koden

Materialiser valg

Materialiser JS-stilvalg.

Om koden

Custom Select Wrapper

Custom CSS select wrapper.

Brugerdefineret markering

En tilpasset markering af HTML, CSS og jQuery.
Oprettet af Alessandro Falchi
5. april 2017

Brugerdefineret Vælg en Optio n

Brugerdefineret markering, designet til at ændre den typiske stil for markeringen i browsere ved hjælp af JS til at vise listen, når den klikker, og SCSS, for at give den stil. Den valgte attribut fungerer godt, test det.
Oprettet af Dany Santos
8. februar 2017

Materialedesign Vælg rullemenu

Materialedesign vælg dropdown med HTML, CSS og JavaScript.
Oprettet af Sam Murphey
20. januar 2017

Vælg Option Interaction

Fantastisk eksempel på ren animation. Bygget med TweenMax GSAP.
Lavet af Bhakti Al Akbar
7. december 2016

Vælg kasser

Markeringsfelter med HTML, CSS og JS.
Oprettet af Nipun Paradkar
oktober 22. 2016

CSS-stil og filtrerbar Vælg rullemenu

Vælg rullemenu – stylet og filtrerbar ved hjælp af HTML, CSS og vanille JS. Arbejder ved hjælp af et indtastningsfelt til at hente værdien fra rullelisten.
Oprettet af Mari Johannessen
13. oktober 2016

Kun CSS Vælg

Vælg kun CSS (radio + afkrydsningsfelt).
Oprettet af Aoyue
24. august 2016

Vælg boks med pladsholder

HTML og CSS vælg felt med pladsholder.
Oprettet af James Nowland
16. maj 2016

Kun CSS Vælg

Vælg input ved hjælp af radioindgange.
Oprettet af Nicolas Udy
9. maj 2016

Pure CSS Select

Vælg input, kun CSS.
Oprettet af Raúl Barrera
8. april 2016

Pretty Select Dropdown

Denne stadig bruger input til at opretholde formularindsendelsesvariablerne, mens de primært er afhængige af CSS.
Oprettet af j0be
15. januar 2016

Custom Select Box

Custom select box med jQuery.
Oprettet af Vijaya Kumar Vulchi
7. januar 2016

Material Design Select

Material design select jQuery version.
Lavet af LukyVJ
3. januar 2016

Vandret valg

Enkel vandret markering.
Oprettet af Bharani
23. november 2015

Om koden

Styling Select Box med CSS

En kreativ måde at style stil dropdown med intet andet end CSS.

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

Responsiv: ja

Afhængigheder: –

Brugerdefineret valg

Nem måde at tilpasse dine valgte indgange på.
Lavet af Christophe CORBALAN
10. september 2015

Vælg menu

Vælg menu med HTML, CSS og JavaScript.
Oprettet af Pierre Laurent
23. juni 2015

Brugerdefineret markering

Så meget grundlæggende brugerdefineret markering.
Oprettet af Yusuf
1. maj 2015

Brugerdefineret markering

Tilpasset valg med animation. br> Oprettet af Nikolay Talanov
5. september 2014

Selectorator

Konceptbevis til en multi-valg-widget.
Oprettet af Benjamin
23. maj 2014

CSS3 C ard Deck Drop Down

HTML, CSS og JS card deck drop down.
Oprettet af Tibor Katelbach
23. juli 2013