28 CSS Select Box-ok
Ingyenes HTML és CSS egyéni select box kód példák gyűjteménye: legördülő menü, multiple, egyéni nyíl stb. 2018. júniusi frissítés. 4 új elem.
- jQuery Select Boxok
- Bootstrap Multi Select Boxok
Szerző
- FrankieDoodie
- 2018. október 30.
Linkek
- bemutató és kód
Készült
- HTML / CSS
A kódról
Egyéni választó mező
Egyéni választó doboz legördülő stílus.
Kompatibilis böngészők : Chrome, Edge, Firefox, Opera, Safari
Érzékeny: igen
Függőségek: font-awesome.css
Szerző
- Himalaya Sing
- 2018. október 20.
Linkek
- bemutató és kód
- dribbble shot
Készült
- HTML / CSS
A kódról
Pure CSS Select Box with Direction Aware Hover Effect
Pure CSS select doboz nélkül JavaScript. Ha egy opción az egérmutató van, az opció belsejében lévő ikon mozgását a lebegés iránya határozza meg, azaz felfelé vagy lefelé (irányfigyelő lebegő hatás).
Kompatibilis böngészők: Chrome, Edge, Firefox, Opera , Safari
Reagáló: igen
Függőségek: font-awesome.css
Szerző
- Veniamin
- 2017. augusztus 11.
Linkek
- bemutató és kód
Készült
- HTML (Mopsz) / CSS (SCSS)
A kódról
Pure CSS Select Box
Válasszon mezőt JavaScript és natív elem használata nélkül.
Kompatibilis böngészők: Chrome , Edge, Firefox, Opera, Safari
Érzékeny: igen
Függőségek: –

Szerző
- Dejan Babić
- december 15, 2017
Linkek
- bemutató és kód
Készült
- HTML
- CSS / SCSS
- JavaScript (jQuery.js)
A kódról
Reszponzív egyéni választógomb
Rugalmas, egyéni választógomb egyéni görgetéssel.

Szerző
- Lewis Robinson
- 2017. november 27.
Linkek
- bemutató és kód
Készült
- HTML
- CSS / SCSS
- JavaScript (jQuery.js )
A kódról
Képkiválasztás
Képkiválasztás faux-betöltéssel.

Szerző
- luisdanielroviracontreras
- 2017. november 27.
Linkek
- bemutató és kód
Készült
- HTML
- CSS (anyag ize.css)
- JavaScript (jQuery.js, materialize.js)
A kódról
Materialize Select
A JS stílus kiválasztásának materializálása.

Szerző
- Matheus Értékesítés
- 2017. november 15.
Linkek
- bemutató és kód
Készült:
- HTML / Slim
- CSS / Sass
A kódról
Custom Select Wrapper
Custom CSS select wrapper.

Egyéni kiválasztás
Egyéni HTML, CSS és jQuery választás.
Alessandro Falchi készítette
2017. április 5.

Egyéni Válasszon opciót n
Egyéni kiválasztás, amelyet a böngészők tipikus stílusának megváltoztatására terveztek, a JS segítségével megjelenítheti a listát, amikor rákattint, az SCSS segítségével pedig a stílust. A kiválasztott attribútum jól működik, tesztelje.
Készítette: Dany Santos
2017. február 8.

Anyagtervezés legördülő menü
Anyagterv kiválasztása legördülő menü HTML, CSS és JavaScript.
Készítette Sam Murphey
2017. január 20.

Válassza az Opció interakciót
Remek példa a tiszta animációra. TweenMax GSAP segítségével épült.
Készítette: Bhakti Al Akbar – 2016. december 7.

Dobozok kiválasztása
Kiválasztó dobozok HTML, CSS és JS használatával.
Készítette Nipun Paradkar
október 2016. október 22.

CSS stílusú és szűrhető válogatás legördülő menü
Válassza a legördülő menüt – stílusú és szűrhető HTML, CSS és vanília JS használatával. Beviteli mező segítségével működik, hogy megkapja az értéket a legördülő listából.
Készítette: Mari Johannessen
2016. október 13.

Csak CSS kiválasztás
CSS csak kijelölés (rádió + jelölőnégyzet).
Készítette Aoyue
2016. augusztus 24.

Jelölje be a helytartóval ellátott mezőt
HTML és CSS jelölőnégyzet helyőrzővel.
Készítette James Nowland
2016. május 16.

Csak a CSS kiválasztása
A bemenet kiválasztása a rádió bemenetekkel.
Készítette: Nicolas Udy
2016. május 9.

Pure CSS Select
Válasszon bemenetet, csak a CSS-t.
Készítette Raúl Barrera
2016. április 8.

Pretty Select legördülő menü
Ez még mindig inputokat használ az űrlapküldési változók fenntartásához, miközben elsősorban a CSS-re támaszkodik.
Készítette j0be
2016. január 15.

Egyéni választó doboz
Egyéni választó doboz jQueryvel.
Vijaya Kumar Vulchi készítette
2016. január 7.

Material Design Select
Anyagterv kiválasztása jQuery verzió.
Készítette LukyVJ
2016. január 3.

Vízszintes kijelölés
Egyszerű vízszintes kijelölés.
Készítette Bharani
2015. november 23.
Szerző
- Alex
- 2015. október 5.
Linkek
- bemutató és kód
- oktatóanyag
Készítette:
- HTML / CSS
A kódról
Stílusválasztó doboz CSS-sel
Kreatív módszer a legördülő menük stílusának kiválasztására CSS-sel kívül.
Kompatibilis böngészők: Chrome, Edge, Firefox, Opera, Safari
Reszponzív: igen
Függőségek: –

Egyéni kiválasztás
Könnyű módszer a kiválasztott bemenetek testreszabására.
Christophe CORBALAN készítette
2015. szeptember 10.

Menü kiválasztása
Menü kiválasztása HTML, CSS és JavaScript használatával.
Pierre Laurent készítette
2015. június 23.

Egyéni kiválasztás
Tehát nagyon egyszerű egyéni kiválasztás.
Yusuf készítette
2015. május 1.

Egyéni kiválasztás
Egyéni kiválasztás animációval.
Készítette: Nikolay Talanov
2014. szeptember 5.

Kiválasztó
Koncepció igazolása egy többszörösen kiválasztott eszközhöz.
Benjamin készítette
2014. május 23.

CSS3 C ard Deck Drop Down
HTML, CSS és JS kártyacsomag legördülő menü.
Katelbach Tibor készítette
2013. július 23.