Wie kann ich aktivierte Kontrollkästchenbeschriftungen ohne JavaScript formatieren?

Beschriftungen für aktivierte Kontrollkästchen ohne JavaScript hervorheben

Können Sie das Erscheinungsbild einer Beschriftung ändern, wenn das zugehörige Kontrollkästchen mit anderen Methoden als JavaScript aktiviert ist? ?

Lösung:

Nebenstehendes nutzen Geschwisterkombinator in CSS:

.check-with-label:checked + .label-for-check {
  font-weight: bold;
}

Mit diesem Code können Sie Beschriftungen hervorheben, die mit aktivierten Kontrollkästchen verknüpft sind. Hier ist ein Beispiel für ein HTML-Markup, das diesen Ansatz nutzt:

<div>
  <input type="checkbox" class="check-with-label">

Das obige ist der detaillierte Inhalt vonWie kann ich aktivierte Kontrollkästchenbeschriftungen ohne JavaScript formatieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!