Pseudotrieda focus-within
Pseudotrieda focus-within nastavuje štýl
prvkom, ktoré sú v ohnisku.
Na rozdiel od pseudotriedy focus, ktorá nastavuje
štýl priamo samotnému prvku, focus-within
nastavuje štýl pre rodičovský prvok.
Syntax
selektor:focus-within {
}
Príklad
Nastavme modrú farbu pozadia rodičovského prvku, keď je jeho dcérsky prvok input v ohnisku:
<div>
Zadajte vaše meno: <input name="user">
</div>
div {
width: 300px;
height: 50px;
padding: 10px;
}
div:focus-within {
background-color: #C2DDFD;
}
:
Pozrite tiež
-
pseudotrieda
:indeterminate,
ktorá nastavuje štýl prepínačom, ktoré sú v neurčitom stave -
pseudotrieda
:default,
ktorá nastavuje štýl prvkom predvoleným -
pseudotrieda
:fullscreen,
ktorá nastavuje štýl prvkom v režime celej obrazovky -
pseudotrieda
:placeholder-shown,
ktorá nastavuje štýl prvkom pri zobrazení textu-nápovedy -
vlastnosť
caret-color,
ktorá nastavuje farbu textovému kurzoru v inpute
