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

Question

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

Нет наведения:

При наведении на ссылку Login:

Answer 1

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

a {
    text-decoration:none;
}

a:hover {
   text-decoration:underline;
}

Демонстрация

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

Answer 2

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

#login {
   text-decoration: none;
}

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

Answer 3

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

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


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

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

Answer 4

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

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