javascript - How to remove underline from a link and add underline on hover? (images attached) -

i want underline removed link. want underline appear when hover mouse pointer. how can done? pls help.

no hover:

when hover login link:

you need turn off css property text-decoration link , use :hover dynamic pseudo class add text-decoration when hovering.

a {     text-decoration:none; }  a:hover {    text-decoration:underline; } 

demo

also, might need style :visited:hover pseudo class underline appears on links user has visited. link order in css answer because order of css rules matters.