CODEWITHSUNDEEP
csshoverunderline
Alex
Alex

Reputation: 11

How to remove underline on hover?

I can't remove the underline on hover on this page:

http://www.studyroomguides.net/?page_id=19

I have tried adding:

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

I'd like the underline to be removed on hover.

Upvotes: 0

Views: 10579

Answers (2)

Marian Ioan
Marian Ioan

Reputation: 317

It's because there is no text decoration on hover.Look closely and you will notice that on hover it's border-bottom.Remove that border and you'll be fine. This is your css on hover:

.entry-content a:hover{
border-bottom-color: #424242;
}

Upvotes: 2

TylerH
TylerH

Reputation: 21095

Remove the . before a:hover. The . symbol indicates a CSS class, but a is an element (a stands for anchor), not a class name. It should be: a:hover { text-decoration: none; }.

Upvotes: 6

Related Questions