Главная/ CSS справочник/ Pseudo Classes/ Псевдокласс :focus

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

Псевдокласс :focus задает оформление элемента при получении ним фокуса ввода.

Допустимые значения

Применимо ко всем элементам, которые могут получить фокус
Соответсвие версиям CSS CSS 2, CSS 2.1, CSS 3
Поддерживается браузерами
  • Firefox 1 и выше
  • Opera 7 и выше
  • Netscape 6 и выше
  • Safari 1 и выше
  • Chrome 1 и выше

Пример



input:focus {

border-color: red;
}

Заметки

Если элемент не может получать фокус по умолчанию, можно добавить ему атрибут tabindex, благодаря которому элемент сможет получать фокус при табуляции или нажатии клавиши мыши, например, <span tabindex=»1″>любой текст</span >(в Safari такая запись не сработает, подробнее смотри в описании атрибута tabindex).