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

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; }

以防止轮廓出现在焦点仍然在元素上的某些极端情况下。