¿Cómo eliminar el subrayado de un enlace y agregar subrayado en el vuelo estacionario? (imágenes adjuntas)

Question

Quiero que el subrayado sea eliminado de un enlace. También quiero que aparezca el subrayado cuando lo desplazo con el puntero del mouse. ¿Cómo puede hacerse esto? Pls ayuda.

Sin emergente:

Cuando pase el enlace Login:

Answer 1

Es necesario apagar la propiedad CSS text-decoration para el enlace y luego usar el :hoverdynamic pseudo class para añadir el text-decoration atrás cuando flotando.

a { 
    text-decoration:none; 
} 

a:hover { 
    text-decoration:underline; 
} 

Demo

Además, también podría ser necesario con el estilo de la clase :visited:hover seudo para que aparezca el subrayado en los enlaces de un usuario ya ha visitado. link order in css es una buena respuesta porque la orden de las reglas CSS importa.

Answer 2

Asumiendo que su enlace de inicio de sesión tiene el id login ...

#login { 
    text-decoration: none; 
} 

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

Answer 3

En su hoja de estilo, sea cual sea el ID es.

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

Answer 4

Llamar a un CssClass en el botón de inicio de sesión y definir las siguientes líneas en la hoja de estilo,

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


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

Espero que esto ayude ..