Toggle Checkbox estilo iOS con HTML y CSS

29 marzo, 2016

Buenas a todos, en esta ocasión os traigo como crear el típico checkbox  transformarlo al estilo iOS, normalmente para versiones móviles de una web o para Phonegap funciona muy bien.

Vamos a ello, si queréis verlo en funcionamiento lo dejo en JSFiddle un ejemplo  así podréis ver su funcionamiento antes de implementarlo.

En primer lugar el HTML

Una vez tengamos nuestro checkbox con el estilo predefinido de cada navegador incluimos en el archivo CSS lo siguiente

Y nada más, ya tendremos un checkbox al estilo iOS solo con HTML y CSS sin utilizar Javascript que por supuesto tendrá una mayor fluidez.

Un mini tutorial, pero funcional. 🙂

Happy Code!