点击后，网站上的所有链接都会出现奇怪的边框

Question

我在所有链接上都遇到了一些问题。当我点击一个按钮/链接时，我得到一个奇怪的边框（见图）。我没有在所有css文件上检查此颜色的类。 http://postimg.org/gallery/sz6bc0u0/

Answer 1

您可以在标记上设置css属性outline：none。

a{
outline:none;
}

Answer 2

尝试将此添加到您的css：

a:hover, focus, active    {
    border: 0px !important;
    background-color: transparent !important;
}

如果您不希望上述属性为全局属性，只需将id或类附加到锚点以及上述css中。

Answer 3

我正在工作，无法访问该图片，但我认为它是一个虚线轮廓，颜色与链接文字的颜色相同。

如果是这种情况，大纲应理想地存在（或另一个视觉等效物），因为它对可访问性很重要。要说明这一点很重要，请隐藏您的鼠标，然后在页面上使用TAB键选择链接，然后按Enter键访问目标页面。

除非您提供其他类型的:focus标识符，否则您将无法看到当前关注的内容。

现在尝试想象一下，你在某种程度上无法使用鼠标，只能使用键盘进行导航。你会因缺乏视觉反馈而感到非常沮丧。

请尽量保持您的网络应用程序的可访问性 - 这非常重要。