პსევდოკლასი checked

პსევდოკლასი checked საშუალებას აძლევს დავიჭიროთ მონიშნული ჩეკბოქსი ან radio.

სამწუხაროდ, მათი მორთვის სტილების მინიჭება შეუძლებელია. მაგალითად, შეუძლებელია ფონის ან ჩარჩოს ფერის მინიჭება (შესაძლებელია, მაგალითად, სიგანის და სიმაღლის მინიჭება, მაგრამ მათი ეფექტი იქნება არა ისეთი, როგორიც შეიძლება ველოდეთ).

ამის მიუხედავად, შესაძლებელია მიმდებარე ელემენტების სტილების მინიჭება, მაგალითად, ასე: input:checked + p - მივანიჭოთ სტილები აბზაცს, რომელიც განლაგებულია მონიშნული ინფუთის ქვემოთ.

სინტაქსი

ელემენტი:checked {
	
}

მაგალითი

მონიშნეთ ჩეკბოქსები და დაინახავთ, თუ როგორ ანათებენ წითელი ფერით label მონიშნულები, რომლებიც განლაგებულია მონიშნული ჩეკბოქსების ქვემოთ:

<input type="checkbox" id="elem1">
<label for="elem1">მონიშნული 1</label>
<br>
<input type="checkbox" id="elem2">
<label for="elem2">მონიშნული 2</label>

input:checked + label {
	color: red;
}

მაგალითი

მონიშნეთ radio და დაინახავთ, თუ როგორ ანათებენ წითელი ფერით label მონიშნულები, რომლებიც განლაგებულია მონიშნული ღილაკების ქვემოთ:

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

input:checked + label {
	color: red;
}