MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

Описание

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

Синтаксис

element:focus { ... }

Пример

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

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

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

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

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

Возможность 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,