Псевдокласот checked

Псевдокласот checked овозможува да се фати означен чекбокс или radio.

За жал, стилови за нивно украсување не може да се зададат. На пример, не може да се зададе позадина или боја на границата (може да се задаваат, на пример, ширина и висина, но тие нема да имаат такво влијание, како што би се очекувало).

И покрај ова, може да се зададат стилови за соседни елементи, на пример, вака: input:checked + p - ќе зададеме стилови за параграф, кој се наоѓа веднаш под означен инпут.

Синтакса

елемент:checked {
	
}

Пример

Означете ги чекбоксите и ќе видите како се запалуваат со црвена боја етиките label, кои се наоѓаат веднаш по означените чекбокси:

<input type="checkbox" id="elem1">
<label for="elem1">етикета 1</label>
<br>
<input type="checkbox" id="elem2">
<label for="elem2">етикета 2</label>

input:checked + label {
	color: red;
}

Пример

Означете ги radio и ќе видите како се запалуваат со црвена боја етиките label, кои се наоѓаат веднаш по означениот прекинувач:

<input type="radio" name="elem" id="elem1">
<label for="elem1">етикета 1</label>
<br>
<input type="radio" name="elem" id="elem2">
<label for="elem2">етикета 2</label>

input:checked + label {
	color: red;
}