css - 从焦点浏览器生成的大纲

Question

在浏览器添加的具有类 ng-scope 的一些 div 上

:focus {
    outline: -webkit-focus-ring-color auto 5px;
}

这会生成非常难看的样式。我怎样才能摆脱它。许多人告诉不要删除它: link

Answer 1

要删除它，您可以使用以下代码段:

:focus {
    outline: none;
}

有充分的理由说明为什么您不应该删除焦点轮廓，其中大部分收集在您提供的链接中，但在某些情况下，您可以以不同的方式突出显示焦点元素。

在我看来，一般规则是，如果您提供自己的突出显示元素的方式，则删除轮廓没有坏处。在许多情况下，您可以组合使用 :hover 和 :focus 声明。