focus-within Sözde Sınıfı
focus-within sözde sınıfı, odakta olan
öğelere stil belirler.
Doğrudan öğenin kendisine stil veren focus
sözde sınıfının aksine, focus-within
ebeveyn öğe için stil belirler.
Sözdizimi
seçici:focus-within {
}
Örnek
Bir alt öğe input odakta olduğunda, ebeveyn öğenin arka planına mavi renk verelim:
<div>
Adınızı girin: <input name="user">
</div>
div {
width: 300px;
height: 50px;
padding: 10px;
}
div:focus-within {
background-color: #C2DDFD;
}
:
Ayrıca Bakınız
-
:indeterminatesözde sınıfı,
belirsiz durumda olan radyo düğmelerine stil verir -
:defaultsözde sınıfı,
varsayılan öğelere stil verir -
:fullscreensözde sınıfı,
tam ekran modundaki öğelere stil verir -
:placeholder-shownsözde sınıfı,
yer tutucu metni görüntülenen öğelere stil verir -
caret-colorözelliği,
bir input içindeki metin imlecinin rengini belirler
