1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36
| .wpcf7 {
/*-- ne pas oublier les déclarations de couleur --*/
--color: #FFF;
--requiredColor: #0A6;
position: relative;
}
.wpcf7 label {
top: 0;
left: 0;
width: 100%;
line-height: 2;
color: #FFF;
/*-- simulation de la border --*/
background-image: linear-gradient(var(--color), var(--color));
background-position: 0 2em;
background-repeat: no-repeat;
background-size: 100% 2px;
}
.wpcf7 label:last-child {
background: none;
}
.wpcf7 label span.wpcf7-form-control-wrap:after {
content: "*";
position: absolute;
top: -2em;
right: 0;
font-weight: 700;
color: var(--requiredColor);
}
.wpcf7 input.saisie {
width: 100%;
border: none;
font-size: inherit;
line-height: 1;
background-color: inherit;
} |
Partager