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
So öffnen Sie JAR-Dateien
Verwendung der Memcpy-Funktion
So löschen Sie Stringbuilder
Methode zur Wiederherstellung der Oracle-Datenbank
Welche Methoden gibt es, um die IP in dynamischen VPS sofort zu ändern?
Kontextmenü
So kündigen Sie die automatische Verlängerung bei Station B
