CSS Referenzhandbuch

CSS @Regeln (RULES)

CSS Eigenschaftsliste

CSS Funktionen (Functions)CSS Selektor-Handbuch

CSS3 :checked Selektor

:checked CSS Pseudo-Klasse Selektor steht für alle ausgewählten radio (<input type="radio">), checkbox (<input type="checkbox">) oder ("select") Elemente im HTML-Element ("option").

Vollständiges Referenzhandbuch für CSS-Selektoren

Online-Beispiel

Für alle ausgewählten Eingabelemente die Hintergrundfarbe festlegen:

Beispiel

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">　
<title>Grundlagen-Tutorial(oldtoolbag.com)</title>　
<style>　
input:checked　{
　　　　height:　55px;
　　　　width:　55px;
}
</style>
</head>
<body>
<form　action="">
<input　type="radio"　checked="checked"　value="male"　name="gender"　/>Mann<br>
<input　type="radio"　value="female"　name="gender"　/>　Frau<br>
<input　type="checkbox"　checked="checked"　value="Bike"　/>　Fahrrad<br>
<input　type="checkbox"　value="Car"　/>　Karosserie
</form>
</body>
</html>

Testen Sie es heraus ‹/›

Definition und Verwendung

:checked Selektor entspricht jedem ausgewählten Eingabelement (nur für Radio-Buttons oder Checkboxen)

Browser-Kompatibilität

Die Zahlen in der Tabelle geben die erste Browser-Version an, die diese Eigenschaft unterstützt.

Selektor
:checked	4.0	9.0	3.5	3.2	9.6

Vollständiges Referenzhandbuch für CSS-Selektoren

CSS Funktionen (Functions)CSS Selektor-Handbuch