Pretty CheckBox reemplazo-Beautiful-CheckBox. CSS
| Autor: | BanNsS1 |
|---|---|
| Views Total: | 1,959 |
| Sitio oficial: | Ir a la web |
| Actualizado: | January 27, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
La biblioteca Beautiful-CheckBox. CSS le permite embellecer y cambiar los estilos, tamaños y posiciones de las entradas de la casilla de verificación Native con CSS puro.
Funcionamiento
Importa la hoja de estilos necesaria ' Beautiful-CheckBox. css ' en el documento y listo.
<link rel="stylesheet" href="beautiful-checkbox.css">
Cree una entrada de casilla de verificación grande.
<div class="checkbox large"> <div class="checkbox-overlay"> <input type="checkbox" /> <div class="checkbox-container"> <div class="checkbox-checkmark"></div> </div> <label>Label of a large checkbox</label> </div> </div>
Available CSS classes to customize the checkbox.
- grande: casilla grande
- Medium: casilla mediana
- Small: pequeña casilla de verificación
- Tiny: pequeña casilla de verificación
- redondeado-3: casilla de verificación redondeada
- redondeado-6: casilla de verificación redondeada
- redondeado-8: casilla de verificación redondeada
- redondeado-10: casilla de verificación redondeada
- redondeado-16: casilla de verificación redondeada
- CH-align-Right: alineación a la derecha
- desactivado: casilla de verificación deshabilitada
Registro de cambios
01/27/2019
- Algunas correcciones
