Apprendre à personnaliser une checkbox en CSS
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Apprendre à personnaliser une checkbox en CSS

Carl Brison
9,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tuto CSS en vidéo, nous allons apprendre comment modifier totalement l'apparence d'une case à cocher, aussi appelée "checkbox".

Par défaut, une case à cocher est interprétée par un navigateur, comme étant un petit carré gris qui a une petit coche noire lorsque celle-ci est cochée par l'utilisateur. Cet élément est généralement utilisé dans les formulaires de sites Internet.
Grâce à l'utilisation astucieuse du langage CSS, nous allons modifier à notre guise l'apparence des cases à cocher afin de leur donner une forme, une taille et une couleur qui seront personnalisées.

Nous ferons de même avec les boutons radios.

Je mets à votre disposition, l'ensemble du code utilisé dans ce tuto.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Création du formulaire en HTML
Leçon 2
Mise en forme CSS 1/2
Leçon 3
Mise en forme CSS 2/2
Leçon 4
Création d'une case à cocher
Leçon 5
Mise en place du check de la case à cocher
Leçon 6
Création du formulaire en bouton radio
Leçon 7
Modification des boutons radios

Plan détaillé du cours

Leçon 1Création du formulaire en HTML
05m10s
Leçon 2Mise en forme CSS 1/2
08m01s
Leçon 3Mise en forme CSS 2/2
07m36s
Leçon 4Création d'une case à cocher
05m39s
Leçon 5Mise en place du check de la case à cocher
07m31s
Leçon 6Création du formulaire en bouton radio
02m58s
Leçon 7Modification des boutons radios
05m13s
Leçon 8Conclusion
01m09s

Aperçus

Avis des apprenants

Détail des avis
15
Apprenants
4
Commentaires
5/5
Note moyenne
5/5
4
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 07/09/2023
Merci Carl, j'ai appris des choses sur les checkbox que j'ignorais, en particulier la manipulation du CSS. Bravo à vous ! Validé 100 % #Personnaliser-une-checkbox
Carl Brison
Carl Brison
Merci Alain pour votre commentaire très gentil
Eric Reynaud
Eric Reynaud
Publié le 05/04/2023
Merci Carl pour ce nouveau tuto super intéressant ! Vous êtes GENIAL ! Continuez à nous régaler, A bientôt, Eric.
Carl Brison
Carl Brison
Merci beaucoup Eric, vous êtes super gentil ;-)
Valérie Arno
Valérie Arno
Publié le 22/09/2020
Encore un petit tuto qui nous permettra de rendre nos formulaires plus attrayants. C'est tout de même plus agréable que ces tout petits boutons des navigateurs qu'on a parfois du mal à viser avec le pointeur (pour moi en tout cas). Merci Carl. :-)
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil ;-)

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

CSS 3

Que contient le fichier source ?

L'ensemble des codes utilisés dans ce tuto.

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1334 tutos gratuits

Notre politique de protection des données