Embellecer elementos nativos selectos con JavaScript-nativejs-seleccione

Tiempo de ejecución: 30 minutos. Empezar

Autor: FrontendMetis
Views Total: 824
Sitio oficial: Ir a la web
Actualizado: November 11, 2018
Licencia: MIT

Vista prévia

Embellecer elementos nativos selectos con JavaScript-nativejs-seleccione

Descripción

nativejs-Select es un plugin de JavaScript vainilla para embellecer las casillas de selección nativas con estilos personalizados.

Funcionamiento

Importe los archivos de JavaScript y CSS de nativejs-SELECT en el documento HTML.

<link rel="stylesheet" href="nativejs-select.css">
<script src="nativejs-select.min.js"></script>

Eso es todo. El complemento aplicará automáticamente estilos CSS personalizados a los elementos selectos coincidentes dentro del documento. Puede personalizar el marcador de posición utilizando el atributo ' Data-placeholder ' como este:

<select name="month" data-placeholder="Select month:">

<option value="1">July</option>

<option value="2">March</option>

<option value="3">August</option>
</select>

Para que el marcador de posición sea fijo:

<select name="month" data-fixed-placeholder="Month:">

<option value="1">September</option>

<option value="2">June</option>
</select>

Registro de cambios

11/11/2018

  • Actualización JS

Te puede interesar: