Псевдокласс :focus-within

Обновлено: 11.01.2023

Псевдокласс :focus-within

Псевдокласс :focus-within определяет стиль элемента, когда он сам или элементы внутри него получают фокус. В отличие от :focus, который применяется непосредственно к самому элементу, :focus-within работает для родителя. Это позволяет выделять цветом или другими методами всю форму или отдельные её части, когда пользователь работает с полями формы.

Синтаксис

<i>Селектор</i>:focus-within { ... }

Пример

Браузеры

:focus-within

Посмотреть совместимость на Can I use?

:focus-within