checked կեղծադաս

checked կեղծադասը թույլ է տալիս բռնել նշված չեկբոքսը կամ radio-ն:

Ցավոք, դրանց զարդարման համար ոճեր սահմանել հնարավոր չէ: Օրինակ՝ հնարավոր չէ սահմանել ֆոն կամ շերտագծի գույնը (հնարավոր է սահմանել, օրինակ, լայնություն և բարձրություն, բայց դրանք այն ազդեցությունը չեն ունենա, ինչ սպասվում էր):

Չնայած դրան, հնարավոր է սահմանել ոճեր հարևան տարրերի համար, օրինակ, այսպես. input:checked + p - մենք կսահմանենք ոճեր այն պարբերության համար, որն գտնվում է անմիջապես նշված Ինփութի տակ:

Շարահյուսություն

cssտարր:checked {
  
}

Օրինակ

Նշեք չեկբոքսները և դուք կտեսնեք, թե ինչպես են կարմիր գույնով վառվում label պիտակները, որոնք գտնվում են անմիջապես նշված չեկբոքսներից հետո.

html<input type="checkbox" id="elem1">
<label for="elem1">պիտակ 1</label>
<br>
<input type="checkbox" id="elem2">
<label for="elem2">պիտակ 2</label>

cssinput:checked + label {
  color: red;
}

Результат:

Օրինակ

Նշեք radio-ները և դուք կտեսնեք, թե ինչպես են կարմիր գույնով վառվում label պիտակները, որոնք գտնվում են անմիջապես նշված անջատիչից հետո.

html<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>

cssinput:checked + label {
  color: red;
}

Результат: