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

focus

Поддержка браузерами
Настольные браузеры Chrome Firefox Internet Explorer Opera Safari
Базовая поддержка, версии браузеров 1.0 1.0 8.0 7.0 1.0
Мобильные браузеры Android Firefox Mobile IE Mobile Opera Mobile Safari Mobile
Базовая поддержка, версии браузеров 1.0 1.0 8.0 6.0 1.0
Псевдокласс
:focus — этот псевдокласс позволяет задавать стили к элементам которые находятся в фокусе
Можно применять
Свойства : color | background-color
Правила записи
element:focus { свойство: значение; }
Примеры
input:focus { color: lime; }

Наведите указатель мыши на поле формы и нажмите левую кнопку

input:focus { background-color: lemonchiffon; }

Наведите указатель мыши на поле формы и нажмите левую кнопку

textarea:focus { background-color: coral; }

Наведите указатель мыши на поле формы и нажмите левую кнопку

Поделиться