28 Caselle di selezione CSS
Raccolta di esempi gratuiti di caselle di selezione personalizzate HTML e CSS: menu a discesa, più, freccia personalizzata, ecc. Aggiornamento della raccolta di giugno 2018. 4 nuovi elementi.
- jQuery Select Boxes
- Bootstrap Multi Select Boxes
Autore
- FrankieDoodie
- 30 ottobre 2018
Link
- demo e codice
Realizzato con
- HTML / CSS
Informazioni sul codice
Casella di selezione personalizzata
Stile a discesa casella di selezione personalizzata.
Browser compatibili : Chrome, Edge, Firefox, Opera, Safari
Reattivo: sì
Dipendenze: font-awesome.css
Autore
- Himalaya Sing
- 20 ottobre 2018
Link
- demo e codice
- tiro in dribbling
Realizzato con
- HTML / CSS
Informazioni sul codice
Casella di selezione CSS puro con effetto hover sensibile alla direzione
Selezione CSS puro box senza JavaScript. Quando cè il passaggio del mouse su unopzione, il movimento dellicona allinterno dellopzione è deciso dalla direzione del passaggio del mouse, ovvero su o giù (effetto hover sensibile alla direzione).
Browser compatibili: Chrome, Edge, Firefox, Opera , Safari
Reattivo: sì
Dipendenze: font-awesome.css
Autore
- Veniamin
- 11 agosto 2017
Link
- demo e codice
Realizzato con
- HTML (Pug) / CSS (SCSS)
Informazioni sul codice
Casella di selezione CSS puro
Casella di selezione senza utilizzare JavaScript e lelemento nativo.
Browser compatibili: Chrome , Edge, Firefox, Opera, Safari
Reattivo: sì
Dipendenze: –
Autore
- Dejan Babić
- 15 dicembre 2017
Link
- demo e codice
Realizzato con
- HTML
- CSS / SCSS
- JavaScript (jQuery.js)
Informazioni sul codice
Casella di selezione personalizzata reattiva
Casella di selezione personalizzata reattiva con scorrimento personalizzato.
Autore
- Lewis Robinson
- 27 novembre 2017
Link
- demo e codice
Realizzato con
- HTML
- CSS / SCSS
- JavaScript (jQuery.js )
Informazioni sul codice
Selezione di immagini
Selezione di immagini con caricamento finto.
Autore
- luisdanielroviracontreras
- 27 novembre 2017
Link
- demo e codice
Realizzato con
- HTML
- CSS (materiale ize.css)
- JavaScript (jQuery.js, materialize.js)
Informazioni sul codice
Materialise Select
Materialise JS style select.
Autore
- Matheus Sales
- 15 novembre 2017
Link
- demo e codice
Realizzato con
- HTML / Slim
- CSS / Sass
Informazioni sul codice
Wrapper di selezione personalizzato
Wrapper di selezione CSS personalizzato.
Selezione personalizzata
Una selezione personalizzata HTML, CSS e jQuery.
Realizzato da Alessandro Falchi
5 aprile 2017
Personalizzato Seleziona una scelta n
Selezione personalizzata, progettata per cambiare lo stile tipico della selezione nei browser, utilizzando JS per visualizzare lelenco quando fa clic e SCSS, per dargli stile. Lattributo selezionato funziona bene, provalo.
Realizzato da Dany Santos
8 febbraio 2017
menu a discesa selezione design materiale
menu a discesa selezione material design con HTML, CSS e JavaScript.
Realizzato da Sam Murphey
20 gennaio 2017
Seleziona Interazione opzione
Ottimo esempio di animazione pulita. Costruito con TweenMax GSAP.
Realizzato da Bhakti Al Akbar
7 dicembre 2016
Seleziona scatole
Seleziona caselle con HTML, CSS e JS.
Realizzato da Nipun Paradkar
Ottobre 22, 2016
Menu a discesa di selezione in stile CSS e filtrabile
Seleziona a discesa: con stile e filtrabile utilizzando HTML, CSS e JS vanilla. Funziona utilizzando un campo di input per acquisire il valore dallelenco a discesa.
Realizzato da Mari Johannessen
13 ottobre 2016
Seleziona solo CSS
Seleziona solo CSS (radio + casella di controllo).
Realizzato da Aoyue
24 agosto 2016
Seleziona casella con segnaposto
Casella di selezione HTML e CSS con segnaposto.
Realizzato da James Nowland
16 maggio 2016
Seleziona solo CSS
Seleziona lingresso utilizzando gli ingressi radio.
Realizzato da Nicolas Udy
9 maggio 2016
Pure CSS Select
Seleziona input, solo CSS.
Realizzato da Raúl Barrera
8 aprile 2016
Menu a discesa Pretty Select
Ancora utilizza gli input per mantenere le variabili di invio del modulo, basandosi principalmente sui CSS.
Realizzato da j0be
15 gennaio 2016
Casella di selezione personalizzata
Casella di selezione personalizzata con jQuery.
Realizzato da Vijaya Kumar Vulchi
7 gennaio 2016
Material Design Select
Material design seleziona la versione di jQuery.
Realizzato da LukyVJ
3 gennaio 2016
Selezione orizzontale
Selezione orizzontale semplice.
Realizzato da Bharani
23 novembre 2015
Autore
- Alex
- 5 ottobre 2015
Link
- demo e codice
- tutorial
Realizzato con
- HTML / CSS
Informazioni sul codice
Casella di selezione stile con CSS
Un modo creativo per definire lo stile dei menu a discesa con nientaltro che CSS.
Browser compatibili: Chrome, Edge, Firefox, Opera, Safari
Reattivo: sì
Dipendenze: –
Selezione personalizzata
Un modo semplice per personalizzare gli input selezionati.
Realizzato da Christophe CORBALAN
10 settembre 2015
Seleziona menu
Seleziona menu con HTML, CSS e JavaScript.
Realizzato da Pierre Laurent
23 giugno 2015
Selezione personalizzata
Selezione personalizzata molto semplice.
Realizzata da Yusuf
1 maggio 2015
Selezione personalizzata
Selezione personalizzata con animazione.
Realizzato da Nikolay Talanov
5 settembre 2014
Selezionatore
Prova di concetto, per un widget a selezione multipla.
Realizzato da Benjamin
23 maggio 2014
CSS3 C ard Deck Drop Down
HTML, CSS e JS card deck drop down.
Realizzato da Tibor Katelbach
23 luglio 2013