Pseidoklase focus-within
Pseidoklase focus-within nosaka stilu
elementiem, kas atrodas fokusā.
Atšķirībā no pseidoklases focus, kas nosaka
stilu tieši pašam elementam, focus-within
nosaka stilu vecākelementam.
Sintakse
selektors:focus-within {
}
Piemērs
Uzstādīsim gaiši zilu fona krāsu vecākelementam, kad tā apakšējais elements ievades lauks atrodas fokusā:
<div>
Ievadiet savu vārdu: <input name="user">
</div>
div {
width: 300px;
height: 50px;
padding: 10px;
}
div:focus-within {
background-color: #C2DDFD;
}
:
Skatiet arī
-
pseidoklase
:indeterminate,
kas nosaka stilu slēdžiem, kas atrodas nenoteiktā stāvoklī -
pseidoklase
:default,
kas nosaka stilu elementiem pēc noklusējuma -
pseidoklase
:fullscreen,
kas nosaka stilu elementiem pilnekrāna režīmā -
pseidoklase
:placeholder-shown,
kas nosaka stilu elementiem, kad tiek rādīts padoma teksts -
īpašība
caret-color,
kas nosaka krāsu teksta kursora kursorim ievades laukā
