Advanced Checkbox Hack

 

Quoi?

Le meilleur Checkbox-Hack car il fonctionne à la fois pour iOS et Android.

 

1. Android <= 4.1.2

 

Ne fonctionne pas sur Android et nous avons donc besoin d’un hack :

body { -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }

 

2. iOS < 6.0

 

En raison d’un bug sur iOS, il n’est pas possible de cliquer sur l’étiquette

pour faire basculer l’input (case à cocher), nous ajoutons donc un élément vide onclick to the label :

<label for="button" onclick> BOUTON </label>

 

Exemple:

• https://github.com/b3no1t/OFFCANVAS-JS/blob/main/the-toggle-checkbox-hack.html

 

Inspiration:

• https://css-tricks.com/the-checkbox-hack/
• https://webdesign.tutsplus.com/the-best-css-checkbox-hack-tutorials-on-tuts–cms-92969a

 

Source du hack:
2012 by Tim Pietrusky
timpietrusky.com