2011-09-06 17 views
6

Sto cercando di cambiare il colore di collegamento di uno dei miei pulsanti di tabulazione ma non funziona. È strano perché tutti gli altri attributi sotto le stesse parentesi graffe funzionano bene ma l'attributo clor:#FFFAFA non funziona. L'ho impostato su uno sfondo #778899 in modo che il colore bianco come il primo sia visibile.Colore link CSS non funzionante

Ecco il codice.

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

è sempre viola e non cambia mai

ecco il codice dove ho 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> 

risposta

2

funziona per me - http://jsfiddle.net/ZS2Vn/

che il colore è troppo debole per notare un cambiamento dallo sfondo bianco della pagina. Prova a impostare un colore in primo piano leggermente più scuro.

color: #EFEAEA; o color: #DFDADA;

E, naturalmente, come altri hanno risposto, si dovrebbe avere selettori pseudo per visitato, attiva e librarsi pure.

8

Potrebbe essere perché i collegamenti sono visitati.

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

Ebbene questo dovrebbe funzionare, ma è probabilmente sovrascritto dal browser. Rendono:

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

mancato ";" in background-colore: # 778899 – diwang

1

Questo perché il link è stato aperto viene memorizzato come visitato nel browser. Elimina la cronologia o i collegamenti della tua pagina con i quali lavori dalla cronologia svolgeranno il tuo lavoro. Provalo. Questa è la soluzione.