访问链接后如何设置css不松散悬停效果?

时间:2017-09-29 14:23:08

标签: css colors hyperlink

目前的情况如下:

/* 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,但之后不再悬停。感谢。

1 个答案:

答案 0 :(得分:0)

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

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

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

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