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

Последнее обновление: 22.11.2010

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

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

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

Пример

input:focus {
border-color: red;
}
Твой код:
Результат:
большой полигон

Заметки

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

По теме

Показать комментарии