Azul y morado Enlaces predeterminados, ¿cómo eliminarlos?

Question

Este es uno de los eslabones de mi navegador:

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

que también tienen la siguiente en mi 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; } 

Pero los enlaces siguen mostrando en el terrible azul/morado visitaron/libración html defecto. ¿Qué estoy haciendo mal?

Answer 1

Necesita anular el 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 } 

Answer 2

Hey definir el color #000 en lo que tú y modificar el CSS como como esto

.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 esta

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

Si quiere mostrar anclajes en su propia elección de colores de lo que debería definir el color en propiedad etiqueta de anclaje en CSS así: -

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; } 

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

Answer 4

ELIMINAR POR DEFECTO ENLACE RESUELTO que: Lo visitada es css .... que acaba de ir a su HTML y añadir un simple

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

... esa es la forma en que las páginas HTML para ser utilizados