默认情况下,链接周围的虚线边框是大多数浏览器都具有的辅助功能。 适用于必须或选择通过键盘进行导航的用户,“标签”到这些链接时,它们会应用一种视觉样式。 当单击链接(处于“活动”状态)时,这些边框也会显示出来,并且视设计而定,可能会让人眼花(乱(尤其是在使用CSS图像替换之类的边框时,边框会跨越屏幕的整个长度)。 您可以这样删除它们:
a:active {
outline: none;
}
注意:这里的优点是:focus样式仍将使用轮廓,这意味着键盘导航器仍将具有焦点样式/视觉反馈。
翻译自: https://css-tricks.com/snippets/css/remove-dotted-link-borders/