底部边框颜色使用文本颜色

Question

我想在div周围包裹一个<a>。当我添加它时，边框的颜色保持相同的橙色，文本被着色。

当我在Chrome的开发者工具中切换color规则时，橙色变为黑色，但我显然不希望要求观看者也这样做。

请注意，只有Block Fuse项目框有此问题，其他任何一个框都没有，因为它们没有<a>标记。

我已将此问题转载于：

• Chrome版本23.0.1271.95
• Chrome Canary版本25.0.1342.0

这是相关的html：

<a href="projects/blockfuse.html">
<div class="project">
    <div class="projectTitle">Block Fuse</div>
    <div class="projectDescription">Block Fuse is a game about knocking as many blocks onto the floor as possible.
        <div class="projectImage"><img class="projectImage" src="images/BlockFuse.png"></img></div>
    </div>
</div>
</a>

这是相关的css：

div.projectTitle {
    text-align: center;
    font-size: 20pt;
    color: #F90;
    padding: 20px 0px 15px 0px;
    font-family: "Arial", "Helvetica", Sans-Serif;
    border-radius: 20px 20px 0px 0px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: black;
    background-color: #444;
}

div.projectDescription {
    height: 310px;
    font-family: "Arial", "Helvetica", Sans-Serif;
    font-size: 12pt;
    color: #EEE;
    text-shadow: 1px 1px 1px #000;
    background-color: #777;
    padding: 17px;
    border-radius: 0px 0px 20px 20px;
}

在我的网站上试用：http://www.rollingkinetics.com/index.html

Answer 1

我认为这里的问题是您需要为a:visited选择器设置颜色。我最初没有看到这个问题，但是在点击链接后我做了。

Answer 2

我建议将超链接放在 div中。这使我的经历变得更好。
（在这种情况下，链接将应用于div的子项，外部不会获得额外的a：链接颜色）

Answer 3

在超链接上使文本修饰无，只需添加此

a{
  text-decoration:none;}