我正在尝试为我的链接创建一个样式,但它只适用于外部网站。例如:
<a class='optionLink' href='deletelink.php?url=" . urlencode($url) . "'>Supprimer</a>
<a href='#' class='optionLink' onClick=\"showEditForm('" . $url . "', '" . str_ireplace('"', '\"', str_ireplace("'", "\'", $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('"', '\"', str_ireplace("'", "\'", $name)) . "');\">Modifier</a> <a href='" . $url . "'>" . $name . "</a><br /><br />
但是第一个链接的颜色只有白色,而#的颜色仍然是黑色。
任何人都知道为什么/如何解决这个问题?
由于
答案 0 :(得分:4)
你有没有这样的事情:
a:visited {
color:#000;
}
如果是这样,您需要定义:visited
.optionLink
部分
即:
.optionLink:visited {
color:#fff;
}
发生这种情况的原因是因为一旦你点击了这个链接,虽然这是一个虚拟链接,但它现在的行为就好像已被访问过一样。