避免点击链接周围的虚线边框

Question

点击后我有一个链接（实际上是一个下拉菜单链接）我在这个链接周围有一个虚线边框。

我该如何避免这种行为？

感谢。

Answer 1

使用CSS :focus和:active说明符：

.yourclass:focus, .yourclass:active {
    outline: 0; /*make sure no outline appears*/
}

还有一点工作演示：little link。

希望这有帮助！

Answer 2

作为克里斯的补遗，回答（尚未评论）

确保还包括

.yourclass:focus { outline: 0; }

保持轮廓不会出现在焦点保留在元素上的某些角落情况中。