Как сделать так, чтобы ссылка в HTML меняла цвет при наведении курсора и удаляла подчеркивание с помощью CSS?

Question

Как сделать так, чтобы ссылка в HTML изменяла цвет при наведении курсора и удаляла подчеркивание с помощью CSS?

Answer 1

Требуется посмотреть псевдоселектор : hover , свойство color и свойство text-ornament .

a:hover { color: red; text-decoration: none; }

Чтобы убедиться, что ваша гиперссылка оформлена так, как вы хотите (и не вступает в противоречие с другими правилами стиля), используйте !important:

a:hover { color: red !important; text-decoration: none !important; }

Answer 2

Также в дополнение к ответу страгеров не забудьте объявить псевдо-классы способом LoVe HAte. Вы должны объявить: сначала ссылку, затем: посещенный, затем: зависание, а затем: активный. В противном случае некоторые браузеры могут не применять псевдо-классы.

a:link{
 /*this only apllies to named anchors*/
}
a:visited{
 /*possible styles for visited links*/
}
a:hover{
 /*when mouse hovers over a-tag*/
 text-decoration:none;
 color:red;
}
a:active{
 /*possible styles on active (when a-tag is clicked)*/
}