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

active

Поддержка браузерами
Настольные браузеры Chrome Firefox Internet Explorer Opera Safari
Версии браузеров 1.0 1.0 8.0 7.0 1.0
Мобильные браузеры Android Firefox Mobile IE Phone Opera Mobile Safari Mobile
Базовая поддержка, версии браузеров 1.0 1.0 6.0 6.0 1.0
Псевдокласс
:active — этот псевдокласс позволяет задавать стили к элементам в момент взаимодействия, например, когда по элементу щёлкнут левой кнопкой мыши
Можно применять
Свойства: color | background-color | opacity
Правила записи
element:active { свойство: значение; }
Примеры
a:active { color: crimson; }

Щелкните по ссылке

Ссылка, при щелчке по ней левой кнопкой мыши, на долю секунды станет цветом crimson

input:active { background-color: yellow; }

Наведите указатель мыши на текстовое поле и щелкните по нему левой кнопкой, на долю секунды фон поля станет желтого цвета

a:active { opacity: 0.5; }

Щелкните левой кнопкой мыши по изображению

square

Поделиться