Blue and Purple Default links, how to remove?

17

This is one of the links in my nav:

<li><a href="#live-now" class="navBtn"><span id="navLiveNow" class="white innerShadow textShadow">Live Now</span></a></li>

I also have the following in my css:

a { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none; }
a:hover, a:active { text-decoration: none; }

But the links still display in the awful blue/purple visited /hover html default. What am i doing wrong?

This question is tagged with html css

~ Asked on 2012-04-25 09:27:31

The Best Answer is


42

You need to override the color:

a { color:red } /* Globally */

/* Each state */

a:visited { text-decoration: none; color:red; }
a:hover { text-decoration: none; color:blue; }
a:focus { text-decoration: none; color:yellow; }
a:hover, a:active { text-decoration: none; color:black }

~ Answered on 2012-04-25 09:30:21


2

REMOVE DEFAULT LINK SOLVED that :visited thing is css.... you just go to your HTML and add a simple

< a href="" style="text-decoration: none" > < /a>

... thats the way html pages used to be

~ Answered on 2017-04-22 18:47:35


Most Viewed Questions: