- Ce sujet contient 7 réponses, 2 participants et a été mis à jour pour la dernière fois par
, le il y a 2 années et 11 mois.
-
Messages
-
Bonjour,
Je rencontre un petit problème sur mon site http://www.lacavernedalbin.fr
Quand je coche la case « j’ai lu et j’accepte les conditions générales », la coche est blanche.
Donc nous ne voyons pas si la case est cochée ou non.
Comment faire pour avoir la coche noire par exemple?
En vous remerciant pour votre aide
Ingrid
Merciii
Bonjour à vous, avec un css additionnel par exemple,
inspectez la case à coché pour connaître le nom de la classepour changer la couleur de fond de la case :
.nom_de_la_class {
background-color: black; }
pour changer la couleur de fond de la case quand elle est coché :
.main input:checked ~ .nom_de_la_class {
background-color: red; }
Bien à vous 🙂
1 user thanked author for this post.
Merci pour votre aide 🙂
Mais…. comment puis-je faire exactement pour connaitre le nom de la case ?
Merciii
Bonjour,
Encore merci pour votre aide.
J’ai donc inspecté le code via mon navigateur (un grand merci!) .En changeant la couleur sur le navigateur de background-color : #fff par « black » cela fonctionne.
Je pensais que le nom de la class était « checkbox » mais quand je tente d’écrire le CSS, c’est tout le fond de l’écriture qui se met en noir et non l’intérieur de la case.
J’ai tenté ca :.woocommerce-form__input woocommerce-form__input-checkbox input-checkbox »{
background-color: black;
}
Mais ca ne marche pas non plus.
Je ne dois pas avoir le bon nom de la class et malgré mais multiples tentatives je ne trouve pas.
Je ne vous avais pas précisé que j’étais novice 😉
Pour vous, quel est le nom de cette case?
Merciii
Bonjour à vous, verifiez si vous avez bien mis le nom de la classe correspondant à la case, puisque si c’est le texte qui se met en fond noir, c’est que la classe est celui du texte (label) non de la case. 🙂
pour changer la couleur de fond de la case quand elle est coché :
.main input:checked ~ .nom_de_la_class {
background-color: red; }
1 user thanked author for this post.
- Vous devez être connecté pour répondre à ce sujet.
