CODEWITHSUNDEEP
htmlcss
sony
sony

Reputation: 395

how to remove this internal light blue color which appear while hovering?

 <a src="http://jsfiddle.net/gzhLfthy/"> </a>

I'm sharing jsfiddle please take a look over it.

Upvotes: 1

Views: 82

Answers (3)

Praveen Kumar Purushothaman
Praveen Kumar Purushothaman

Reputation: 167212

It is because of a rule in this selector:

#navbar>ul>li>ul>li

Give this in your CSS file:

#navbar>ul>li>ul>li {background: transparent;}

It is here in your CSS:

#navbar li:hover > a {
  background:#5cadff;
  color:#fff;
}

Upvotes: 2

Umesh Aawte
Umesh Aawte

Reputation: 4690

Remove background color from a hover

#navbar li:hover > a {
 /* background:#5cadff;*/
  color:#fff;
}

Please find updated fiddle http://jsfiddle.net/gzhLfthy/1/

Upvotes: 2

kdlcruz
kdlcruz

Reputation: 1388

Remove this on your css

#navbar>ul>li>ul>li:hover
{
  background:#204d86;
}

Upvotes: 2

Related Questions