Question

我正在尝试更改其中一个标签按钮的链接颜色，但它不起作用。它很奇怪，因为同一个花括号下的所有其他属性工作得很好，但属性clor:#FFFAFA不起作用。我已将其设置为#778899背景，以便可以看到前者的雪白色。

以下是代码。

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>

Answer 1

这应该可行，但它可能会被您的浏览器覆盖。成功：

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

Answer 2

可能是因为访问了链接。

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

Answer 3

适合我 - http://jsfiddle.net/ZS2Vn/

该颜色太微弱，无法注意到页面白色背景的变化。尝试设置稍暗的前景色。

color: #EFEAEA;或color: #DFDADA;

当然，和其他人一样，你应该有访问，活动和悬停的伪选择器。

Answer 4

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

CSS链接颜色不起作用

4 个答案: