Pseudo-klasa checked

Pseudo-klasa checked lejon të kapni një checkbox të zgjedhur ose radio.

Për fat të keq, nuk mund të vendosni stile për dekorimin e tyre. Për shembull, nuk mund të vendosni background ose ngjyrën e kufirit (mund të vendosni, për shembull, gjerësinë dhe lartësinë, por ato nuk do të kenë efektin që mund të prisnit).

Megjithatë, mund të vendosni stile për elementët fqinjë, për shembull, kështu: input:checked + p - do të vendosim stile për paragrafin që ndodhet direkt pas input-it të zgjedhur.

Sintaksa

element:checked {
	
}

Shembull

Zgjidhni checkbox-et dhe do të shihni se si ndizen me ngjyrë të kuqe etiketat label, që ndodhen direkt pas checkbox-eve të zgjedhur:

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

input:checked + label {
	color: red;
}

Shembull

Zgjidhni radio dhe do të shihni se si ndizen me ngjyrë të kuqe etiketat label, që ndodhen direkt pas butonit radio të zgjedhur:

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

input:checked + label {
	color: red;
}