:checked
Misol
Belgilangan (checked) barcha <input> elementlariga ingichka qizil kontur bilan uslub bering:
input:checked {
outline: 1px solid red;
}
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
CSS :checked psevdo-klassi belgilangan (checked) istalgan <input> yoki <option> elementiga mos keladi.
Bu <input type="radio">, <input type="checkbox"> va <select> elementi ichidagi <option> uchun amal qiladi.
| Versiya: | CSS3 |
|---|
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar psevdo-klassni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Psevdo-klass | |||||
|---|---|---|---|---|---|
| :checked | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
CSS sintaksisi
Ko‘proq misollar
Misol
Radio tugmalar, checkbox’lar va option’larga belgilanganda turli uslublar bering:
input[type="radio"]:checked {
box-shadow: 0 0 5px 3px blue;
}
input[type="checkbox"]:checked {
box-shadow: 0 0 5px 3px maroon;
}
option:checked {
color: blue;
background-color: pink;
}
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!