chrome浏览器下bootstrap点击一个连接后，鼠标移开后连接文字变色

chrome浏览器下，不止chrome浏览器，所有使用了webkit内核的浏览器，都是这样子的。网页中使用了bootstrap样式，在点击一个超链接后再将鼠标移开，这个时候超链接文字变色了，文字的颜色不是为连接设置的颜色，也不是为连接文字设置的鼠标滑过效果的颜色，如下面代码，不生效。

.link,.link:hover{
    color: #f00;
}

这个效果在其他浏览器上是没有问题的，这个时候再为连接添加个伪类:focus就可以了。

.link,.link:hover,.link:focus{
    color: #f00;
}