Styliser une Checkbox

Pour stykiser la Checkbox en CSS, il faut avant toute chose lui retirer toutes ces apparance.

input[type=checkbox] {                        
                        -webkit-appearance: none;
                        -moz-appearance: none;
                        -ms-appearance: none;   
                        /*
                          Implémentation du code
                         */                    
                    }

A la suite nous pouvons mettre notre style.

Pour styliser le Checkbox un fois checké:

input[type="checkbox"]:checked {
                        background: $couleur-bleu;  
                          /*
                          Implémentation du code
                         */      
                    }

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *