Kontaktformular 7 Checkbox Styling ⇐ CSS

[Anonymous]

Ich versuche, 6 Kontrollkästchen in Kontaktformular 7 in einem Raster mit 6 zu erstellen.

Code: Select all

.select-size input {
display: none;
}

label {
display: inline-block;
width: 150px;
height: 80px;
text-align: center;
border: 2px solid #FD484E;
line-height: 80px;
cursor: pointer;
font-family: sans-serif;
margin: 5px;
}

#windows:checked~label[for="windows"],
#doors:checked~label[for="doors"],
#roofline:checked~label[for="roofline"],
#conservatories:checked~label[for="conservatories"],
#extensions:checked~label[for="extensions"],
#repairs:checked~label[for="repairs"] {
background: #FD484E;
color: #fff;
}< /code>








Windows
Doors
Roofline
Conservatories
Extensions
Repairs
< /code>
< /div>
< /div>
< /p>
Mein Kontaktformular 7 Code: < /p>