Псевдоклас focus-within
Псевдоклас focus-within дефинише стил
елементима који су у фокусу.
За разлику од псевдокласа focus, који дефинише
стил директно самом елементу, focus-within
дефинише стил за родитељски елемент.
Синтакса
селектор:focus-within {
}
Пример
Поставимо плаву боју позадине родитељском елементу, када је његово дете поље за унос у фокусу:
<div>
Унесите ваше име: <input name="user">
</div>
div {
width: 300px;
height: 50px;
padding: 10px;
}
div:focus-within {
background-color: #C2DDFD;
}
:
Погледајте такође
-
псевдоклас
:indeterminate,
који дефинише стил прекидачима који су у неодређеном стању -
псевдоклас
:default,
који дефинише стил подразумеваним елементима -
псевдоклас
:fullscreen,
који дефинише стил елементима у режиму целог екрана -
псевдоклас
:placeholder-shown,
који дефинише стил елементима при приказу текста-савета -
својство
caret-color,
које дефинише боју текстуалног курсора у пољу за унос