Psevdorazred checked

Psevdorazred checked omogoča, da ujamemo označeno potrditveno polje ali radio gumb.

Na žalost, slogov za njihovo okrasitev ni mogoče nastaviti. Na primer, ni mogoče nastaviti ozadja ali barve obrobe (možno je nastaviti, na primer, širino in višino, vendar ne bodo imeli takega učinka, kot bi pričakovali).

Kljub temu je mogoče nastaviti sloge za sosednje elemente, na primer takole: input:checked + p - določili bomo sloge za odstavek, ki se nahaja neposredno pod označenim vnosnim poljem.

Sintaksa

csselement:checked {
  
}

Primer

Označite potrditvena polja in videli boste, kako se oznake label, ki se nahajajo neposredno za označenimi potrditvenimi polji, obarvajo rdeče:

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

cssinput:checked + label {
  color: red;
}

Результат:

Primer

Označite radio gumbe in videli boste, kako se oznake label, ki se nahajajo neposredno za označenim stikalom, obarvajo rdeče:

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

cssinput:checked + label {
  color: red;
}

Результат: