Hallo,
ich habe eine Box um Radiobuttons und Label, die grün gefüllt werden soll sobald die Auswahl erfolgen soll.
Leider krieg ich dass mit der Bedingung "checked" nicht hin.
Könnt ihr mir bitte dabei helfen?
HTML-Code:
<label class="square">
<input type="radio" class="radiocheck" name="test"/>
<span>Radio number one</span>
</label>
</br>
<label class="square">
<input type="radio" class="radiocheck" name="test"/>
<span>Radio number two</span>
</label>
HTML-Code:
label {
display: inline-block;
width: 200px;
padding: 5px;
border-style: solid;
border-color:#cfd4dd;
border-radius: 4px;
padding: 5px 5px 5px 5px;
margin-bottom: 8px;
}
label:active, label:hover, label:focus{
border-style: solid;
border-color:#014785;
border-radius: 4px;
padding: 5px 5px 5px 5px;
}
.radiocheck input:checked + .square {background:green;}