从焦点上的浏览器生成的大纲

Question

在某些带有ng-scope类的div上，浏览器添加了

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

这会产生非常糟糕的风格。我怎么能摆脱它。许多人告诉不要删除它： link

Answer 1

要删除此内容，您可以使用以下代码段：

:focus {
    outline: none;
}

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

在我看来，一般规则是，如果你提供自己突出元素的方法，删除大纲没有坏处。在许多情况下，您可以合并:hover和:focus声明。