Focus-within psevdoklassi
focus-within psevdoklassi
fokusda joylashgan elementlar uchun uslubni o'rnatadi.
To'g'ridan-to'g'ri elementning o'ziga uslub o'rnatadigan focus psevdoklassidan farqli o'laroq, focus-within
ota-element uchun uslubni o'rnatadi.
Sintaksis
selector:focus-within {
}
Misol
Keling, ota-elementning foniga ko'k rang bering, qachonki uning pastki elementi input fokusda bo'lsa:
<div>
Ismingizni kiriting: <input name="user">
</div>
div {
width: 300px;
height: 50px;
padding: 10px;
}
div:focus-within {
background-color: #C2DDFD;
}
:
Shuningdek qarang
-
:indeterminatepsevdoklasi,
aniqlanmagan holatda bo'lgan pereklyuchatellarga uslub o'rnatadi -
:defaultpsevdoklasi,
standart elementlarga uslub o'rnatadi -
:fullscreenpsevdoklasi,
to'liq ekran rejimidagi elementlarga uslub o'rnatadi -
:placeholder-shownpsevdoklasi,
maslahat matni ko'rsatilganda elementlarga uslub o'rnatadi -
caret-colorxususiyati,
inputdagi matn kursori rangini o'rnatadi
