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

Оновлено: 11.01.2023

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

Псевдоклас :focus-within визначає стиль елемента, коли він сам або елементи всередині нього отримують фокус. На відміну від :focus, який застосовується безпосередньо до самого елемента, :focus-within працює для батьківського елемента. Це дає змогу виділяти кольором або іншими методами всю форму або окремі її частини, коли користувач працює з полями форми.

Синтаксис

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

Приклад

Браузери

:focus-within

Переглянути сумісність з Can I use?

:focus-within