We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

Описание

CSS псевдо-класс :focus применяется, когда элемент получает фокус, либо при выборе его пользователем при помощи клавиатуры, либо активацией его мышью (например, при вводе формы).

Синтаксис

element:focus { ... }

Пример

.first-name:focus {
  color: red;
}

.last-name:focus {
  color: lime;
}
<input class="first-name" value="Я буду красным, если на меня попадёт фокус">
<input class="last-name" value="Я буду лаймовым при фокусе">

Спецификации

Спецификация Статус Комментарий
HTML Living Standard
Определение ':focus' в этой спецификации.
Живой стандарт Определяет HTML семантику
Selectors Level 4
Определение ':focus' в этой спецификации.
Рабочий черновик Без изменений
Selectors Level 3
Определение ':focus' в этой спецификации.
Рекомендация Без изменений
CSS Level 2 (Revision 1)
Определение ':focus' в этой спецификации.
Рекомендация Изначальное определение

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

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Возможность Chrome Firefox (Gecko) Internet Explorer Opera Safari
Базовая поддержка 1.0 1.0 (1.7 или ранее) 8.0 7.0 1.0
Возможность Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Базовая поддержка 1.0 1.0 (1) 8.0 6.0 1.0

Метки документа и участники

Внесли вклад в эту страницу: BychekRU
Обновлялась последний раз: BychekRU,