Voici un petit bout de CSS3 et d’HTML5 pour donner une style Windows 8 aux checkbox d’une page HTML comme je l’ai fait y’a quelque temps autour du style Windows Phone : Exemple avec le style Windows Phone et avec le style Windows 8
Fonctionne sur IE9 et +, FireFox et Chrome.
Sur IE8 et – ça reprend le style standard d’une checkbox.
J’ai remarqué que sur Windows 8, Microsoft n’a pas repris l’effet de transition que l’on a sur Windows Phone. Il suffira d’enlever ces lignes du fichier checkbox.css :
-webkit-transition: background-position 0.1s ease-in-out;
-moz-transition: background-position 0.1s ease-in-out;
-ms-transition: background-position 0.1s ease-in-out;
transition: background-position 0.1s ease-in-out;
Voici la source : Télécharger les sources
