Dans le cours : CSS : Astuces et techniques
Accédez à ce cours grâce à un essai gratuit
Inscrivez-vous aujourd’hui pour accéder à plus de 25 300 cours dispensés par des experts.
Modifier la luminosité d'une couleur - Tutoriel CSS
Dans le cours : CSS : Astuces et techniques
Modifier la luminosité d'une couleur
Revenons brièvement sur la problématique de la validation de notre formulaire. Alors, maintenant que j'ai mis en place une couleur de fond pour les éléments fieldset les messages d'erreur sont beaucoup plus faciles à lire que précédemment. C'est évidemment très bien. Ça améliore l'expérience utilisateur de mon formulaire. Cela dit, j'ai encore un petit problème avec cette fameuse case à cocher qui se trouve ici dans le fond. En effet, si je vais voir au niveau de ma page HTML, je me rends compte que cette case à cocher est required delay requise, on doit la cocher pour soumettre le formulaire. Cela dit, dans l'élément div qui a la classe form-control et qui englobe cette case à cocher, je n'ai pas prévu de paragraphe avec un message d'erreur. Je n'ai pas ce fameux paragraphe avec la classe validation-message, comme pour les autres champs du formulaire. Ici, je vais changer de technique pour signifier que la case n'est pas cochée, et donc que ce champ est invalide. Je vais changer…
Table des matières
-
-
-
-
-
-
-
(Verrouillé)
Utiliser les sélecteurs d'attribut5 m 6 s
-
(Verrouillé)
Utiliser la pseudo-classe :not()4 m 6 s
-
(Verrouillé)
Utiliser la pseudo classe :has()5 m 15 s
-
(Verrouillé)
Différencier les pseudo classes :invalid et :user-invalid4 m 44 s
-
(Verrouillé)
Utiliser le sélecteur de voisins directs et subséquents4 m 54 s
-
(Verrouillé)
Rendre le formulaire responsive avec la fonction min()2 m 48 s
-
(Verrouillé)
Modifier l'opacité d'une couleur hexadécimale4 m 32 s
-
(Verrouillé)
Modifier la luminosité d'une couleur4 m 29 s
-
(Verrouillé)
-
-
-