Biblioteca CSS para el estilo de elemento de selección adaptable
| Autor: | carloscabo |
|---|---|
| Views Total: | 5,379 |
| Sitio oficial: | Ir a la web |
| Actualizado: | April 4, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
Una pequeña biblioteca CSS utilizada para embellecer el elemento de selección predeterminado que utiliza SVGs para el símbolo de flecha.
Funcionamiento
Descargue y, a continuación, coloque el archivo Pure-CSS-Select-Style. CSS en el encabezado de la página.
<link rel="stylesheet" href="css/pure-css-select-style.css">
Envuelve tu elemento Select normal en un contenedor DIV con la clase CSS de ' Pure-CSS-Select-Style '.
<div class="pure-css-select-style"> <select> <option value="volvo">Lorem ipsum dolor sit amet</option> <option value="saab">Consectetur adipisicing</option> <option value="mercedes">At molestiae blanditiis</option> <option value="audi">corrupti veritatis magni</option> </select> </div>
Agregue una clase CSS de tema de su elección al contenedor DIV. Temas disponibles:
- Theme-default
- Theme-default-w-line
- Theme-Square
- tema redondeado
- lleno de temas
- tema-gradiente
<div class="pure-css-select-style Theme-default"> <select> <option value="volvo">Lorem ipsum dolor sit amet</option> <option value="saab">Consectetur adipisicing</option> <option value="mercedes">At molestiae blanditiis</option> <option value="audi">corrupti veritatis magni</option> </select> </div>
