Collegamenti predefiniti blu e viola, come rimuovere?

Question

Questo è uno dei link nel mio nav:

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

Ho anche il seguente nel mio 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; } 

Ma i link visualizzare ancora nel terribile blu/viola visitato/hover html predefinito. Che cosa sto facendo di sbagliato?

Answer 1

È necessario sostituire il colore:

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 } 

Answer 2

Hey definire il colore #000 in quanto come voi e modificare il CSS come come questo

.navBtn { text-decoration: none; color:#000; } 
.navBtn:visited { text-decoration: none; color:#000; } 
.navBtn:hover { text-decoration: none; color:#000; } 
.navBtn:focus { text-decoration: none; color:#000; } 
.navBtn:hover, .navBtn:active { text-decoration: none; color:#000; } 

o questo

li a { text-decoration: none; color:#000; } 
li a:visited { text-decoration: none; color:#000; } 
li a:hover { text-decoration: none; color:#000; } 
li a:focus { text-decoration: none; color:#000; } 
li a:hover, .navBtn:active { text-decoration: none; color:#000; } 

Answer 3

Se si desidera visualizzare ancore nella propria scelta di colori di quanto si dovrebbe definire il colore in ancora di proprietà di tag in CSS in questo modo: -

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

vedere la demo: - http://jsfiddle.net/zSWbD/7/

Answer 4

RIMUOVERE DI DEFAULT LINK risolto che: cosa è visitato css .... basta andare al vostro HTML e aggiungere un semplice

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

... questo è il modo in cui pagine html usato per essere