2011-09-06 22 views
6

Estoy tratando de cambiar el color del enlace de uno de mis botones de pestaña pero no funciona. Es extraño porque todos los otros atributos bajo las mismas llaves funcionan bien, pero el atributo clor:#FFFAFA no funciona. Lo configuré contra un fondo de #778899 para que el color blanco como la nieve sea visible.El color del enlace CSS no funciona

Aquí está el código.

a:link 
{ 
color:#FFFAFA; 
text-decoration:none; 
background-color:#778899 
} 

siempre es púrpura y nunca cambia

Este es el código donde implementarlo

<dl class="profileTab"> 

    <dd class="profileTabContents"><a href="edit.php">Personal Infomration</a></dd> 

    <dd class="profileTabContents"><a href="education.php">Education, Employment & Activities</a></dd> 

    <dd class="profileTabContents"><a href="sports.php">Sports & Athletics</a></dd> 

    <dd class="profileTabContents"><a href="entertainment.php">Entertainment & Attractions</a></dd> 

    <dd class="profileTabContents"><a href="philoSociety.php">Philosophy & Society</a></dd> 

</dl> 

Respuesta

2

funciona para mí - http://jsfiddle.net/ZS2Vn/

que el color es demasiado débil para notar un cambio del fondo blanco de la página. Intenta establecer un color de primer plano ligeramente más oscuro.

color: #EFEAEA; o color: #DFDADA;

Y, por supuesto, al igual que otros han respondido, usted debe tener los pseudo selectores para las visitas, activa y se ciernen también.

8

Puede ser porque se visitan los enlaces.

http://www.w3schools.com/css/css_link.asp

a:link {color:#FFFAFA;}  /* unvisited link */ 
a:visited {color:#FFFAFA;} /* visited link */ 
a:hover {color:#FFFAFA;} /* mouse over link */ 
a:active {color:#FFFAFA;} /* selected link */ 
11

Bueno, esto debería estar trabajando, pero probablemente se sobrescribe con su navegador. Haga que sea:

a, a:link, a:visited { 
    color: #FFFAFA; 
    text-decoration: none; 
    background-color: #778899; 
} 
+0

perdido ";" en background-color: # 778899 – diwang

1

Esto se debe a que el enlace que ha abierto se almacena tal como se lo visita en el navegador. Borre su historial o los enlaces de su página con los que está trabajando desde la historia harán su trabajo. Pruébalo. Esta es la solución.

Cuestiones relacionadas