Псевдоклас 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,
које дефинише боју текстуалног курсора у пољу за унос