Как удалить подчеркивание из ссылки и добавить подчеркивание при наведении? (изображения прилагаются)

Я хочу, чтобы подчеркивание было удалено из ссылки. Также я хочу, чтобы подчеркивание отображалось, когда я наводил его на указатель мыши. Как это может быть сделано? Помощь Pls.

Нет наведения: NO Hover - Normal link

Когда я нахожу ссылку Login: When I hover the Login link

Ответ 1

Вам нужно отключить свойство CSS text-decoration для ссылки, а затем использовать :hover динамический псевдокласс, чтобы добавить text-decoration назад при наведении курсора.

a {
    text-decoration:none;
}

a:hover {
   text-decoration:underline;
}

Демо

Кроме того, вам также может понадобиться стиль псевдо-класса :visited:hover, чтобы подчеркивание отображалось в ссылках, которые пользователь уже посетил. порядок ссылок в css является хорошим ответом, потому что порядок правил CSS имеет значение.

Ответ 2

Предполагая, что ваша ссылка для входа имеет идентификатор login...

#login {
   text-decoration: none;
}

#login:hover {
   text-decoration: underline;
}

Ответ 3

В вашей таблице стилей, независимо от идентификатора.

#LoginButton a:active {text-decoration: none;}
#LoginButton a:hover {text-decoration: underline; color: white;}

Ответ 4

Вызовите CSSClass внутри кнопки входа и определите следующие строки в таблице стилей,

   .ClassName a:link {text-decoration:none;}//removes underline


   .ClassName a:hover {text-decoration:underline;}// displays underline on mouse over

Надеюсь, что это поможет.