A checked pszeudoklasszis

A checked pszeudoklasszis lehetővé teszi a bejelölt jelölőnégyzet vagy rádiógomb elkapását.

Sajnos a díszítésükre vonatkozó stílusokat nem lehet megadni. Például nem lehet háttért vagy szegély színét megadni (lehet megadni például szélességet és magasságot, de ezek nem olyan hatással lesznek, mint amire számítani lehetne).

Ennek ellenére meg lehet határozni a stílusokat a szomszédos elemekre, például így: input:checked + p - stílusokat határozunk meg a bekezdésre, amely közvetlenül a bejelölt input elem alatt található.

Szintaxis

elem:checked {
	
}

Példa

Jelöljön be néhány jelölőnégyzetet, és látni fogja, hogy piros színnel világítanak fel a címkék, amelyek közvetlenül a bejelölt jelölőnégyzetek után találhatók:

<input type="checkbox" id="elem1">
<label for="elem1">címke 1</label>
<br>
<input type="checkbox" id="elem2">
<label for="elem2">címke 2</label>

input:checked + label {
	color: red;
}

Példa

Jelöljön be néhány rádiógombot, és látni fogja, hogy piros színnel világítanak fel a címkék, amelyek közvetlenül a bejelölt kapcsoló után találhatók:

<input type="radio" name="elem" id="elem1">
<label for="elem1">címke 1</label>
<br>
<input type="radio" name="elem" id="elem2">
<label for="elem2">címke 2</label>

input:checked + label {
	color: red;
}