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

hover

Поддержка браузерами
Настольные браузеры Chrome Firefox Internet Explorer Opera Safari
Версии браузеров 0.2 1.0 7.0 7.0 2.0.4
Мобильные браузеры Android Firefox Mobile IE Phone Opera Mobile Safari Mobile
Версии браузеров 2.2 1.0.1 7.5 12 5.1
Псевдокласс
:hover — этот псевдокласс позволяет задавать стили к элементам на которые наведён курсор мыши
Можно применять
Свойства : color | background-color | opacity
Правила записи
element:visited { свойство: значение; }
Примеры
a:hover { color: goldenrod; }

Наведите указатель мыши на ссылку

Ссылка, при наведении на неё курсора мыши станет золотого цвета

input:hover { background-color: black; }

Наведите указатель мыши на текстовое поле

a:hover { opacity: 0.5; }

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

square

Поделиться