Как поменять цвет текста при наведении css?

Пользователь

от angelica.glover , в категории: HTML/CSS , 3 года назад

Как поменять цвет текста при наведении css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от emanuel_boyer , 3 года назад

Поменять цвет текста при наведении css, можно следующим образом:


HTML:

1
2
3
<body>
    <p class="text">Привет! Как дела?</p>
</body>


CSS:

1
2
3
4
5
6
7
8
.text {
    color: darkgreen;
}


.text:hover{
    color: darkmagenta;
}


Пользователь

от olen.shanahan , 2 года назад

@angelica.glover 

Чтобы поменять цвет текста при наведении курсора на элемент с помощью CSS, вы можете использовать селектор :hover:

1
2
3
a:hover {
  color: red;
}


В этом примере цвет ссылки (тег a) будет изменен на красный, когда курсор мыши наведен на нее.


Обратите внимание, что этот селектор будет работать только для элементов, которые поддерживают наведение курсора (например, ссылки). Некоторые элементы, такие как кнопки, также поддерживают наведение курсора, но для них вы можете использовать селектор :hover без использования тега.

1
2
3
button:hover {
  color: red;
}