html – 看起来像图像按钮的链接不会听取颜色：css中的指令

概述我有一个页面在 http://www.problemio.com/problems/problem.php, 而你在右下角看到我有一个蓝绿色的图像.它实际上是一个链接,在该链接中,我似乎无法使文本颜色显示为白色. 这是我的CSS： .button { display: block; background: #4E9CAF; padding: 10px; text-align: c 我有一个页面在 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  ID="follow_problem" href="#" title="...">Follow Problem</a>

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

解决方法 那是因为a：link(第95行)比.button(第109行)更具体.

您可以通过将规则更改为来修复它

.button,a:link.button {    /* rules */}

提示：

>虽然使用！important会起作用,但这是一个愚蠢的解决方法,最终会让你遇到麻烦,而且实际上是一个误用 – http://www.w3.org/TR/CSS2/cascade.html#important-rules>使用FireBUG for firefox或Chrome的inspect元素来检查影响给定元素的CSS.

总结

以上是内存溢出为你收集整理的html – 看起来像图像按钮的链接不会听取颜色：css中的指令全部内容，希望文章能够帮你解决html – 看起来像图像按钮的链接不会听取颜色：css中的指令所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。