css - 如何在访问链接后将CSS设置为不松动悬停效果？

当前是这样的：

/* OCSearch Texto */
.linksearch {
color: #fff;
margin-top: 1px;
margin-left: 20px;
font-size: 12px;
}

.linksearch a:link {
color:#d8d8d8;
}

.linksearch a:hover {
color:#fff;
}

.linksearch a:visited {
color:#d8d8d8;
}

单击后，颜色变为＃d8d8d8，但此后不再悬停。谢谢。

最佳答案

替换您的:hover和:visited声明以解决此问题。另外，不要忽略键盘用户的:focus伪指令。特别是如果您使用的是从可聚焦项中删除outline的重置。

/* OCSearch Texto */
.linksearch {
  ...
}

.linksearch a:visited {
    color:#d8d8d8;
}

.linksearch a:hover, .linksearch a:focus {
    color:#fff;
}