CSS :focus-within подкласс

Определение и использование

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

Пример

Когда поле формы получает фокус, выбирает и устанавливает стиль формы:

form:focus-within {
  border: 2px solid black;
  background-color: beige;
  color: black;
}

Попробуйте сами

CSS грамматика

:focus-within {
  css declarations;
}

Технические детали

Поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот подкласс.

Соответствующие страницы

Учебник:CSS подклассы

См. также:Псевдокласс :focus в CSS