为什么<a> not changing when href=&#34;#&#34;?</a>的颜色

时间:2015-02-19 16:29:43

标签: html css

我正在尝试为我的链接创建一个样式,但它只适用于外部网站。例如:

<a class='optionLink' href='deletelink.php?url=" . urlencode($url) . "'>Supprimer</a>

<a href='#' class='optionLink' onClick=\"showEditForm('" . $url . "', '" . str_ireplace('&quot;', '\&quot;', str_ireplace("&apos;", "\&apos;", $name)) . "');\">Modifier</a>

<a href='" . $url . "'>" . $name . "</a><br /><br />

我的风格是

.optionLink{
    background:#0AC986;
    /*display:inline-block;*/
    font-size:16px;
    height:35px;
    text-decoration:none;
    border:none;
    padding: 10px 3px 10px 3px;
    border-radius: 4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    font-family: 'open_sanslight';
    vertical-align: middle;
    color: white;
}

.optionLink{
    background:#0AC986;
    /*display:inline-block;*/
    font-size:16px;
    height:35px;
    text-decoration:none;
    border:none;
    padding: 10px 3px 10px 3px;
    border-radius: 4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    font-family: 'open_sanslight';
    vertical-align: middle;
    color: white;
}
<a class='optionLink' href='deletelink.php?url=" . urlencode($url) . "'>Supprimer</a> <a href='#' class='optionLink' onClick=\"showEditForm('" . $url . "', '" . str_ireplace('&quot;', '\&quot;', str_ireplace("&apos;", "\&apos;", $name)) . "');\">Modifier</a> <a href='" . $url . "'>" . $name . "</a><br /><br />

但是第一个链接的颜色只有白色,而#的颜色仍然是黑色。

任何人都知道为什么/如何解决这个问题?

由于

1 个答案:

答案 0 :(得分:4)

你有没有这样的事情:

a:visited {
    color:#000;
}

如果是这样,您需要定义:visited

.optionLink部分

即:

.optionLink:visited {
    color:#fff;
}

发生这种情况的原因是因为一旦你点击了这个链接,虽然这是一个虚拟链接,但它现在的行为就好像已被访问过一样。