28 CSS Select Boxes (Español)

Colección de ejemplos de código de cuadro de selección personalizados HTML y CSS gratuitos: desplegable, múltiple, flecha personalizada, etc. Actualización de la colección de junio de 2018. 4 elementos nuevos.

1. Cuadros de selección de jQuery
2. Cuadros de selección múltiple de Bootstrap

Acerca del código

Cuadro de selección personalizado

Estilo desplegable del cuadro de selección personalizado.

Navegadores compatibles : Chrome, Edge, Firefox, Opera, Safari

Responsive: sí

Dependencias: font-awesome.css

Acerca del código

Cuadro de selección de CSS puro con efecto de desplazamiento consciente de la dirección

Selección de CSS puro cuadro sin JavaScript. Cuando hay una opción flotante, el movimiento del icono dentro de la opción se decide por la dirección de desplazamiento, es decir, hacia arriba o hacia abajo (efecto de desplazamiento consciente de la dirección).

Navegadores compatibles: Chrome, Edge, Firefox, Opera , Safari

Responsive: sí

Dependencias: font-awesome.css

Acerca del código

Cuadro de selección de CSS puro

Cuadro de selección sin usar JavaScript ni elemento nativo.

Navegadores compatibles: Chrome , Edge, Firefox, Opera, Safari

Responsive: sí

Dependencias: –

Acerca del código

Cuadro de selección personalizado receptivo

Cuadro de selección personalizado receptivo con desplazamiento personalizado.

Acerca del código

Selección de imagen

Selección de imagen con carga falsa.

Acerca del código

Materializar selección

Materializar selección de estilo JS.

Acerca del código

Custom Select Wrapper

Envoltorio de selección de CSS personalizado.

Selección personalizada

Una selección personalizada de HTML, CSS y jQuery.
Hecho por Alessandro Falchi
5 de abril de 2017

Personalizado Seleccione una Optio n

Selección personalizada, diseñada para cambiar el estilo típico de selección en los navegadores, utilizando JS para mostrar la lista cuando se hace clic, y SCSS, para darle estilo. El atributo seleccionado funciona bien, pruébalo.
Hecho por Dany Santos
8 de febrero de 2017

menú desplegable de selección de diseño de material

Menú desplegable de selección de diseño de material con HTML, CSS y JavaScript.
Creado por Sam Murphey
20 de enero de 2017

Seleccionar interacción de opción

Gran ejemplo de animación limpia. Construido con TweenMax GSAP.
Hecho por Bhakti Al Akbar
7 de diciembre de 2016

Cajas de selección

Cajas de selección con HTML, CSS y JS.
Hecho por Nipun Paradkar en octubre 22, 2016

Menú desplegable de selección con estilo y filtrable CSS

Menú desplegable de selección: con estilo y filtrable mediante HTML, CSS y JS vainilla. Funciona con un campo de entrada para obtener el valor de la lista desplegable.
Hecho por Mari Johannessen
13 de octubre de 2016

Seleccionar solo CSS

Seleccionar solo CSS (radio + casilla de verificación).
Hecho por Aoyue el 24 de agosto de 2016

Cuadro de selección con marcador de posición

Cuadro de selección de HTML y CSS con marcador de posición.
Hecho por James Nowland
16 de mayo de 2016

Seleccionar solo CSS

Seleccione la entrada usando entradas de radio.
Hecho por Nicolas Udy el 9 de mayo de 2016

Pure CSS Select

Seleccionar entrada, solo CSS.
Hecho por Raúl Barrera
8 de abril de 2016

Pretty Select Dropdown

Esto todavía utiliza entradas para mantener las variables de envío de formularios, mientras se basa principalmente en CSS.
Hecho por j0be
15 de enero de 2016

Cuadro de selección personalizado

Cuadro de selección personalizado con jQuery.
Hecho por Vijaya Kumar Vulchi
7 de enero de 2016

Material Design Select

Material design select versión jQuery.
Hecho por LukyVJ
3 de enero de 2016

Selección horizontal

Selección horizontal simple.
Hecho por Bharani
23 de noviembre de 2015

Acerca del código

Cuadro de selección de estilo con CSS

Una forma creativa de aplicar estilos a los menús desplegables seleccionados sin nada más que CSS.

Navegadores compatibles: Chrome, Edge, Firefox, Opera, Safari

Responsive: sí

Dependencias: –

Selección personalizada

Una forma sencilla de personalizar sus entradas seleccionadas.
Hecho por Christophe CORBALAN
10 de septiembre de 2015

Seleccionar menú

Seleccionar menú con HTML, CSS y JavaScript.
Hecho por Pierre Laurent
23 de junio de 2015

Selección personalizada

Selección personalizada muy básica.
Hecho por Yusuf
1 de mayo de 2015

Selección personalizada

Selección personalizada con animación.
Hecho por Nikolay Talanov
5 de septiembre de 2014

Selectionator

Prueba de concepto, para un widget de selección múltiple.
Hecho por Benjamin
23 de mayo de 2014

CSS3 C Ard Deck Drop Down

Menú desplegable de cartas HTML, CSS y JS.
Hecho por Tibor Katelbach
23 de julio de 2013