Wie gestalte ich die Beschriftung eines aktivierten Optionsfelds mithilfe von CSS?

So gestalten Sie die Beschriftung eines aktivierten Optionsfelds

Das Formatieren der Beschriftung eines aktivierten Optionsfelds mithilfe von CSS kann durch die Verwendung erreicht werden des benachbarten Geschwisterkombinators ( ).

Problem:

Der Versuch, die Beschriftung eines aktivierten Optionsfelds mit dem Selektor „label:checked“ zu formatieren, führt möglicherweise nicht zum gewünschten Ergebnis.

Lösung:

Verwenden Sie den benachbarten Geschwisterkombinator ( ) im CSS Selektor, um auf die Beschriftung abzuzielen, die unmittelbar auf die aktivierte Optionsfeldeingabe folgt.

input[type="radio"]:checked+label {
  font-weight: bold;
}

Beispiel-Markup:

<input>

Diese CSS-Regel wendet nur den angegebenen Stil an auf die Beschriftung, die neben einer aktivierten Optionsschaltflächeneingabe liegt. Es ist mit jeder HTML-Struktur kompatibel, bei der die Beschriftung der Eingabe folgt, unabhängig vom Vorhandensein zusätzlicher Elemente.

Das obige ist der detaillierte Inhalt vonWie gestalte ich die Beschriftung eines aktivierten Optionsfelds mithilfe von CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!