CSS - Wie style ein ausgewähltes Radio Buttons Label?

Möchte ich hinzufügen, dass Sie einen Stil auf einen radio-button ausgewählt label:

HTML:

<div class="radio-toolbar">
 <label><input type="radio" value="all" checked>All</label>
 <label><input type="radio" value="false">Open</label>
 <label><input type="radio" value="true">Archived</label>
</div>

CSS

.radio-toolbar input[type="radio"] {display:none;}
.radio-toolbar label {
    background:Red;
    border:1px solid green;
    padding:2px 10px;
}
.radio-toolbar label + input[type="radio"]:checked { 
    background:pink !important;
}

Irgendwelche Ideen was ich falsch mache?

InformationsquelleAutor der Frage AnApprentice | 2011-01-09

Schreibe einen Kommentar