Pseidoklase checked

Pseidoklase checked ļauj notvert atzīmēto čekboksi vai radio pogu.

Diemžēl, to dekorēšanai nevar uzstādīt stilus. Piemēram, nevar uzstādīt fona krāsu vai apmales krāsu (var uzstādīt, piemēram, platumu un augstumu, bet tie ietekmēs savādāk, kā varētu gaidīt).

Tomēr, var uzstādīt stilus kaimiņos esošajiem elementiem, piemēram, šādi: input:checked + p - uzstādīsim stilus rindkopai, kas atrodas tieši aiz atzīmētā ievada lauka.

Sintakse

elements:checked {
	
}

Piemērs

Atzīmējiet čekboksus un jūs redzēsiet, kā iedegas sarkanā krāsā label etiķetes, kas atrodas tieši aiz atzīmētajiem čekboksier:

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

input:checked + label {
	color: red;
}

Piemērs

Atzīmējiet radio pogas un jūs redzēsiet, kā iedegas sarkanā krāsā label etiķetes, kas atrodas tieši aiz atzīmētā pārslēgšanas elementa:

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

input:checked + label {
	color: red;
}