Psevdo-sinif checked

Psevdo-sinif checked qeyd edilmis chekboks və ya radio düyməsini tutmağa imkan verir.

Təəssüf ki, onların bəzədilməsi üçün stil təyin etmək mümkün deyil. Məsələn, fon və ya çərçivə rəngi təyin etmək olmur (məsələn, en və uzunluq təyin etmək olar, lakin gözlənilən təsiri göstərməyəcək).

Buna baxmayaraq, qonşu elementlər üçün stil təyin etmək olar, məsələn, belə: input:checked + p - qeyd edilmiş inputdan dərhal sonra yerləşən abzas üçün stil təyin edək.

Sintaksis

element:checked {
	
}

Nümunə

Chekboksları qeyd edin və görəcəksiniz ki, qeyd edilmiş chekbokslardan dərhal sonra yerləşən label etiketləri qırmızı rəngdə işıqlanır:

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

input:checked + label {
	color: red;
}

Nümunə

Radio düymələrini qeyd edin və görəcəksiniz ki, qeyd edilmiş düymədən dərhal sonra yerləşən label etiketləri qırmızı rəngdə işıqlanır:

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

input:checked + label {
	color: red;
}