Um die Beschriftung eines ausgewählten Optionsfelds zu formatieren, formatieren Sie das Beschriftungselement und verwenden Sie den Selektor, um den angrenzenden Eingabetyp als Ziel festzulegen ="radio"], wenn aktiviert.
<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>
.radio-toolbar input[type="radio"] { display: none; } .radio-toolbar label { display: inline-block; background-color: #ddd; padding: 4px 11px; font-family: Arial; font-size: 16px; cursor: pointer; } .radio-toolbar input[type="radio"]:checked + label { background-color: #bbb; }
Das obige ist der detaillierte Inhalt vonWie kann ich ausgewählte Optionsfeldbeschriftungen mit CSS formatieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!