Da die Länge des Artikels begrenzt ist, gibt es nur kurze Codebeispiele. Hier ist ein Beispiel:
Angenommen, wir haben die folgende HTML-Struktur:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Checked伪类选择器示例</title>
<style>
input[type="checkbox"]:checked + label {
font-weight: bold;
color: green;
}
</style>
</head>
<body>
<input type="checkbox" id="checkbox1">
<label for="checkbox1">选项1</label>
<input type="checkbox" id="checkbox2">
<label for="checkbox2">选项2</label>
</body>
</html>Im obigen Beispiel wird der input[type="checkbox"]:checked + label-Selektor verwendet. Wenn das Kontrollkästchen aktiviert ist, ändert sich der Stil des angrenzenden Beschriftungselements und wird fett Farbe ist grün.
Das obige ist der detaillierte Inhalt vonVerwenden Sie den Pseudoklassenselektor :checked, um den Stil eines aktivierten Kontrollkästchens oder Optionsfelds zu ändern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
So ändern Sie element.style
Welche Methoden gibt es zum Erstellen einer mobilen Website?
Einführung in Ausgabegeräte in Computern
Was ist die normale Temperatur eines Laptops?
So lösen Sie Probleme beim Parsen von Paketen
So stellen Sie vollständig gelöschte Dateien auf dem Computer wieder her
absoluteslayout
Warum gibt es nach dem Einschalten des Computers kein Signal auf dem Monitor?
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
