元素不会失去焦点

Question

比较这个 - http://bootswatch.com/2/cerulean/ 和这个 - http://bootswatch.com/cerulean/（第三个引导程序），当你在第三个版本中单击页面顶部的“下载”并立即单击它，然后再次单击它并将指针移开- 一切正常，但如果你尝试在第二版中做同样的事情 - 你会看到 focus 元素边框和较暗的背景，我已经通过添加解决了它

.navbar .nav>li>a:focus {
background-color: rgba(0,0,0,0);
}

.navbar .nav>li>a:focus:hover {
background-color: #1684c2;
}

.dropdown-toggle {
outline: none !important; }

但我认为这不是最好的解决方案，或者可能不是跨浏览器 - 这是我的问题。

Answer 1

在一个元素上设置一个 !important 标记通常不被认为是最佳实践，但如果你在你的 a 元素上使用实现该 outline 属性，它应该像这样工作：

a:focus {outline: 0px none;}