当我点击链接时，大多数浏览器会在它周围画一个虚线框。我怎么能阻止这个？

Question

当我点击链接时，大多数浏览器会在其周围画一个虚线框。最简单的方法是查看链接是否在新窗口中打开，因为原始页面会粘在一起。

可以停止吗？

Answer 1

将它放入你的CSS

-moz-outline: none;
outline: none;

这是more detailed breakdown和related question

Answer 2

http://css-tricks.com/removing-the-dotted-outline/

更好地使用：

a:active {   
    outline: none;
}

或

a { 
    outline: none;
} 

它更具体。否则你可能会同时压制太多东西。如果您关心可访问性，请确保为不能使用鼠标的用户提供其他方式来了解哪个链接处于活动状态或重点关注。

Answer 3

一种选择是在点击后在链接上使用javascript blur功能。 blur函数会从链接中移除焦点，因此不会使用它周围的虚线框绘制。

如果您正在使用jQuery，那么您可以实现这样的解决方案：

$(function() {
    $('a').click(function() {
        $(this).blur();
    });
});