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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

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

Поменять цвет текста при наведении 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 , 5 месяцев назад

@angelica.glover 

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

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


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


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

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