2011-09-06 156 views
6

我想改变我的标签按钮之一的链接颜色,但它不工作。它很奇怪,因为所有其他属性在相同的花括号下工作得很好,但属性clor:#FFFAFA不起作用。我已将其设置为背景为#778899,以便前者的雪白色可见。CSS链接颜色不起作用

这是代码。

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

它始终是紫色的,从来没有改变

下面是代码,我实现它

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

回答

2

对我的作品 - http://jsfiddle.net/ZS2Vn/

颜色是太微弱注意到页面的白色背景发生了变化。尝试设置稍暗的前景色。

color: #EFEAEA;color: #DFDADA;

当然和其他人一样已经回答了,你应该有访问,主动伪选择和悬停为好。

8

这可能是因为链接被访问。

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

嗯,这应该是工作,但它可能是由您的浏览器重写。创建它:

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

错过了“;”在背景颜色:#778899 – diwang

1

这是因为您打开的链接被存储为浏览器中的访问。 从历史记录中删除您的历史记录或您所在页面的链接将完成您的工作。 试试吧。这是解决方案。