Справочник по CSS : Тематический указатель : Селекторы : Псевдоклассы : :focus
смотрим также
Материал из Справочник Web-языков
Содержание |
Псевдокласс :focus
Задает стиль элемента, получающего фокус.
Синтаксис
HTML | :focus { sRules } |
Скрипты | N/A |
Используемые значения
- sRules
- Строковое значение, которое определяет одну или более CSS-пару атрибут/значение.
Замечания
На web-странице элемент должен получить фокус ввода от пользователя, чтобы он стал активным и мог выполнять различные задачи. Например, пользователь должен передать фокус ввода ссылке, чтобы перейти по ней. Или передать фокус ввода объекту TEXTAREA, чтобы ввести в него текст.
Существует несколько способов передать фокус элементу:
- С помощью устройства ввода. Даже элементы типа div или, например, body можно выделить с помощью мыши.
- С помощью комбинаций клавиш TAB и Shift+TAB.
- C помощью клавиатурных сокращений (смотрите свойство accelerator).
Примеры
В примере используется псевдокласс :focus чтобы изменить цвет фона любого элемента, получающего фокус.
*:focus { background-color: #ffc; }
Стандарты
Этот псевдокласс определен в CSS, Level 2 Revision 1 (CSS2.1)
Поддерживаемые браузеры
Internet Explorer 8.0
Opera 7.0, 8.0, 9.2, 9.5, 10.0
Safari 1.3, 2.0, 3.1
Firefox 1.5, 2.0, 3.0
Ссылки на источники
https://msdn.microsoft.com/en-us/library/cc304080(VS.85).aspx