28 polí CSS Select

Sbírka bezplatných příkladů kódu HTML a CSS pro vlastní výběr polí: rozevírací seznam, více, vlastní šipka atd. Aktualizace kolekce z června 2018. 4 nové položky.

1. Boxy jQuery Select
2. Bootstrap Multi Select Boxy

O kódu

Vlastní výběrové pole

Styl rozbalovací nabídky Vlastní výběrové pole.

Kompatibilní prohlížeče : Chrome, Edge, Firefox, Opera, Safari

Reagovat: ano

Závislosti: font-awesome.css

O kódu

Čistý rámeček CSS Select s efektem směrování Aware Hover

Čistý výběr CSS pole bez JavaScriptu. Pokud je na možnosti kurzor, o pohybu ikony uvnitř možnosti rozhoduje směr přechodu, tj. Kurzor nahoru nebo dolů (efekt vznášení podle směru).

Kompatibilní prohlížeče: Chrome, Edge, Firefox, Opera , Safari

Reagovat: ano

Závislosti: font-awesome.css

O kódu

Pure CSS Select Box

Vyberte pole bez použití JavaScriptu a nativního prvku.

Kompatibilní prohlížeče: Chrome , Edge, Firefox, Opera, Safari

Reagovat: ano

Závislosti: –

O kódu

Responzivní vlastní výběrové pole

Responzivní vlastní výběrové pole s vlastním posouváním.

O kódu

Výběr obrázku

Výběr obrázku s umělým načítáním.

O kódu

Zhmotnit výběr

Zhmotnit výběr stylu JS.

O kódu

Custom Select Wrapper

Vlastní obálka výběru CSS.

Vlastní výběr

Vlastní výběr HTML, CSS a jQuery.
Vytvořil Alessandro Falchi
5. dubna 2017

Vlastní Vyberte Optio n

Vlastní výběr, navržený ke změně typického stylu výběru v prohlížečích, použití JS k zobrazení seznamu, když klikne, a SCSS, aby mu dal styl. Vybraný atribut funguje dobře, vyzkoušejte ho.
Autor: Dany Santos
8. února 2017

Rozbalovací nabídka pro výběr materiálového designu

Rozbalovací nabídka pro výběr materiálového designu s HTML, CSS a JavaScript.
Vytvořil Sam Murphey
20. ledna 2017

Vyberte možnost Interakce možností

Skvělý příklad čisté animace. Postaven s TweenMax GSAP.
Vytvořil Bhakti Al Akbar
7. prosince 2016

Vyberte boxy

Vyberte boxy s HTML, CSS a JS.
Vytvořil Nipun Paradkar
Říjen 22, 2016

Rozbalovací nabídka se stylem a filtrováním CSS

Vyberte rozbalovací nabídku – se stylem a filtrováním pomocí HTML, CSS a vanilky JS. Funguje pomocí vstupního pole k získání hodnoty z rozevíracího seznamu.
Vytvořila Mari Johannessen
13. října 2016

Pouze CSS Vybrat

Pouze CSS vybrat (rádio + zaškrtávací políčko).
Vytvořeno společností Aoyue
24. srpna 2016

Vyberte rámeček se zástupným symbolem

Vyberte rámeček HTML a CSS s zástupným symbolem.
Vytvořil James Nowland
16. května 2016

Pouze CSS Vybrat

Vyberte vstup pomocí rádiových vstupů.
Vytvořil Nicolas Udy
9. května 2016

Pure CSS Select

Vyberte vstup, pouze CSS.
Vytvořil Raúl Barrera
8. dubna 2016

rozevírací nabídka Pretty Select

Toto stále používá vstupy k udržování proměnných pro odesílání formulářů, přičemž se spoléhá především na CSS.
Vytvořil j0be
15. ledna 2016

Vlastní výběrové pole

Vlastní výběrové pole s jQuery.
Autor: Vijaya Kumar Vulchi
7. ledna 2016

Material Design Select

Material design select jQuery version.
Vytvořil LukyVJ
3. ledna 2016

Horizontální výběr

Jednoduchý horizontální výběr.
Vytvořil Bharani
23. listopadu 2015

O kódu

Styling Select Box with CSS

Kreativní způsob úpravy stylů rozbalovacích nabídek s ničím jiným než CSS.

Kompatibilní prohlížeče: Chrome, Edge, Firefox, Opera, Safari

Reagovat: ano

Závislosti: –

Vlastní výběr

Snadný způsob přizpůsobení vybraných vstupů.
Autor: Christophe CORBALAN
10. září 2015

Vyberte nabídku

Vyberte nabídku pomocí HTML, CSS a JavaScriptu.
Vytvořil Pierre Laurent
23. června 2015

Vlastní výběr

Takže velmi základní vlastní výběr.
Vytvořeno Yusufem
1. května 2015

Vlastní výběr

Vlastní výběr s animací.
Vytvořil Nikolay Talanov
5. září 2014

Selectionator

Důkaz konceptu pro widget s více výběry.
Vytvořil Benjamin
23. května 2014

CSS3 C. ard deck drop down

Rozbalovací balíček karet HTML, CSS a JS.
Vytvořil Tibor Katelbach
23. července 2013