28 CSS Select Boxes (Svenska)

Samling av gratis HTML- och CSS-anpassade select box-exempel: rullgardinsmeny, multipel, anpassad pil etc. Uppdatering av samlingen juni 2018. 4 nya objekt.

1. jQuery Select Boxes
2. Bootstrap Multi Select Boxes

Om koden

Anpassad markeringsruta

Anpassad markering i rullgardinsmeny.

Kompatibla webbläsare : Chrome, Edge, Firefox, Opera, Safari

Responsiv: ja

Beroenden: font-awesome.css

Om koden

Pure CSS Select Box med riktningsmedveten Hover-effekt

Pure CSS select utan JavaScript. När det finns svävar på ett alternativ bestäms ikonen inuti alternativet av svävarens riktning, dvs uppåt eller nedåt svävar (riktningsmedveten svävareffekt).

Kompatibla webbläsare: Chrome, Edge, Firefox, Opera , Safari

Responsiv: ja

Beroenden: font-awesome.css

Om koden

Pure CSS Select Box

Markera rutan utan att använda JavaScript och inbyggt element.

Kompatibla webbläsare: Chrome , Edge, Firefox, Opera, Safari

Responsiv: ja

Beroenden: –

Om koden

Responsiv anpassad markeringsruta

Responsiv anpassad markeringsruta med anpassad rullning.

Om koden

Bildval

Bildval med faux-loading.

Om koden

Materialisera Välj

Materialisera JS-stilval.

Om koden

Custom Select Wrapper

Custom CSS select wrapper.

Anpassad markering

En anpassad markering av HTML, CSS och jQuery.
Gjord av Alessandro Falchi
5 april 2017

Anpassad Välj en Optio n

Anpassad markering, utformad för att ändra den typiska stilen för markeringen i webbläsare, med JS för att visa listan när den klickar, och SCSS, för att ge den stil. Attributet vald fungerar bra, testa det.
Gjord av Dany Santos
8 februari 2017

Materialdesign Välj rullgardinsmeny

Materialdesign välj rullgardinsmeny med HTML, CSS och JavaScript.
Gjord av Sam Murphey
20 januari 2017

Välj alternativinteraktion

Bra exempel på ren animering. Byggd med TweenMax GSAP.
Gjord av Bhakti Al Akbar
7 december 2016

Välj rutor

Markeringsrutor med HTML, CSS och JS.
Gjord av Nipun Paradkar
oktober 22, 2016

CSS-stil och filtrerbar Välj rullgardinsmeny

Välj rullgardinsmeny – utformad och filtrerbar med HTML, CSS och vanilj JS. Fungerar med ett inmatningsfält för att fånga värdet från listrutan.
Gjord av Mari Johannessen
13 oktober 2016

Endast CSS Välj

Endast CSS välj (radio + kryssruta).
Gjord av Aoyue
24 augusti 2016

Välj ruta med platshållare

HTML och CSS välj ruta med platshållare.
Gjord av James Nowland
16 maj 2016

Endast CSS Välj

Välj ingång med radioingångar.
Gjord av Nicolas Udy
9 maj 2016

Pure CSS Select

Välj ingång, endast CSS.
Gjord av Raúl Barrera
8 april 2016

Pretty Select Dropdown

Denna stillbild använder ingångar för att bibehålla variablerna för formulärinlämning, medan de främst förlitar sig på CSS.
Gjord av j0be
15 januari 2016

Anpassad markeringsruta

Anpassad markeringsruta med jQuery.
Gjord av Vijaya Kumar Vulchi
7 januari 2016

Material Design Select

Material design select jQuery version.
Gjord av LukyVJ
3 januari 2016

Horisontellt markera

Enkel horisontell markering.
Gjord av Bharani
23 november 2015

Om koden

Styling Select Box med CSS

Ett kreativt sätt att utforma valda rullgardiner med inget annat än CSS.

Kompatibla webbläsare: Chrome, Edge, Firefox, Opera, Safari

Responsiv: ja

Beroenden: –

Anpassad markering

Enkelt sätt att anpassa dina utvalda ingångar.
Gjord av Christophe CORBALAN
10 september 2015

Välj meny

Välj meny med HTML, CSS och JavaScript.
Gjord av Pierre Laurent
23 juni 2015

Anpassad markering

Så väldigt grundläggande anpassad markering.
Gjord av Yusuf
1 maj 2015

Anpassad markering

Anpassad markering med animering.
Gjort av Nikolay Talanov
5 september 2014

Selectorator

Konceptbevis, för en multivalg-widget.
Gjord av Benjamin
23 maj 2014

CSS3 C ard Deck Drop Down

HTML, CSS och JS-kortlek rullar ned.
Gjord av Tibor Katelbach
23 juli 2013