:focus-visible
Misol
Klaviaturadagi Tab tugmasi bilan fokus olgan tugmani tanlang va unga uslub bering:
button:focus-visible {
outline: 2px solid red;
}
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
CSS :focus-visible psevdo-klassi fokus uslublarini faqat biror narsaga fokus sichqoncha bilan emas, klaviatura bilan berilganda qo‘llash uchun ishlatiladi.
Klaviatura fokusi va sichqoncha/sensorli fokus uchun turli fokus uslublarini yaratish maqsadida buni :focus bilan birga ishlatish mumkin.
| Versiya: | CSS4 |
|---|
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar psevdo-klassni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Psevdo-klass | |||||
|---|---|---|---|---|---|
| :focus-visible | 86 | 86 | 85 | 15.4 | 72 |
CSS sintaksisi
:focus-visible {
css declarations;
}
Tegishli sahifalar
CSS darsligi: CSS psevdo-klasslar
CSS ma’lumotnomasi: :focus
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!