html - 看起来像图像按钮的链接不听颜色 : instruction in css

Question

我在 http://www.problemio.com/problems/problem.php 有一个页面,你在右下角看到我有一张蓝绿色的图像。它确实是一个链接，在该链接中我似乎无法让文本颜色显示为白色。

这是我的 CSS:

.button 
{
  display: block;
  background: #4E9CAF;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  color: white;
  text-color: white;
  font-weight: bold;
  text-decoration: none;
}

a:button.visited 
{
  display: block;
  background: #4E9CAF;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  color: white;
  text-color: white;
  font-weight: bold;
  text-decoration: none;
}

下面是我如何使用 HTML 建立链接:

<a class="button" id="follow_problem" href="#" title="...">Follow Problem</a>

知道哪里出了问题以及为什么链接的颜色不是白色吗？

Answer 1

看来您正试图覆盖 a:link 类的样式尝试:

选项 1:

这是您要覆盖的类:

a:link {
    color: #3686A7;
    text-decoration: none;
}

您需要在样式声明的末尾添加 !important:

.button {
    color: white !important;
}

选项 2:

您可以进一步定义 a:link 类规则:

a:link.button {
    color: white;
}