Casilla de verificación personalizada y entradas de radio en CSS puro
| Autor: | crazychicken |
|---|---|
| Views Total: | 3,521 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 26, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
Una colección de estilos CSS para personalizar las casillas de verificación y botones de radio con sus propios estilos, imágenes y sprites CSS.
Funcionamiento
Instálelo a través de NPM:
# NPM $ npm install checkbox-radio --save
O incluya la hoja de estilo directamente:
- checkbox_radio. CSS: tema predeterminado
- checkbox_radio_bootstrap. CSS: Bootstrap estilo
- checkbox_radio_font. CSS: usando una fuente icónica personalizada
- checkbox_radio_img_sprite. CSS: utilizando un Sprite CSS
<link rel="stylesheet" href="css/checkbox_radio.css"> <link rel="stylesheet" href="css/checkbox_radio_bootstrap.css"> <link rel="stylesheet" href="css/checkbox_radio_font.css"> <link rel="stylesheet" href="css/checkbox_radio_img_sprite.css">
Inserte casillas de verificación y botones de radio en la página de la siguiente manera:
<label class="checkbox"> <input type="checkbox"> <i class="icon-checkbox"></i> Default </label> <label class="radio"> <input type="radio" name="group-radio" checked> <i class="icon-radio"></i> Checked </label>
