Code html pour les radios:
Code CSS(le code peut avoir des modification mineurs si ce n’est pas des case à cocher):
.elementor-field-type-checkbox input,
.form-autodurocher .elementor-field-type-acceptance input,
.jet-form input[type=checkbox]{
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.radio-option,
.jet-form .radio-option{
padding-left: 35px;
font-size: 16px;
font-family: ‘Montserrat’, sans-serif;
font-weight: 700;
position: relative;
margin-top: 15px;
}
.radio-option strong{
font-weight: 900;
}
.radio-option .checkmark{
position: absolute;
top: 0;
left: 0px;
height: 22px;
width: 22px;
background-color: #F3F3F3;
border-radius: 15px;
}
.jet-form .radio-option .checkmark{
left: 0px;
}
.checkmark:after {
content: « »;
position: absolute;
display: none;
}
.radio-option .checkmark:after{
background-image: url(/wp-content/uploads/2023/03/Groupe-61.svg);
min-width: 30px;
min-height: 30px;
top: -10px;
right: -8px;
background-repeat: no-repeat;
background-size: cover;
}
.radio-option .checkmark.opt2:after{
background-image: url(/wp-content/uploads/2023/03/Groupe-495.svg);
top: -10px;
right: -10px;
}
/*input:checked+label .radio-option .checkmark,
input:checked+.radio-option .checkmark{
background-color: #eee;
}*/
input:checked+label .radio-option .checkmark:after,
input:checked+.radio-option .checkmark:after{
display: block;
}
@media only screen and (max-width: 767px){
.radio-option,
.jet-form .radio-option{
margin-bottom: 10px;
}
}
/* Nouvelles façon de styliser des checkbox */
.profils-semaines-filtre-box input{
appearance: none; /* Supprime le style par défaut du navigateur */
-webkit-appearance: none; /* Pour certains navigateurs basés sur WebKit (comme Chrome et Safari) */
-moz-appearance: none; /* Pour Firefox */
width: 25px;
height: 25px;
background-color: #FFF;
border-radius: 5px;
}
.profils-semaines-filtre-box input:checked {
background-color: #26235B!important;
background-image: url(/wp-content/uploads/2023/11/check-solid.svg);
background-repeat: no-repeat;
background-position: center;
}