元素不会失去焦点

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; }

但我认为这不是最佳解决方案，也可能不是crossbrowser - 这是我的问题。

Answer 1

在元素上设置！important标记通常不被认为是最佳实践，但是如果您在一个元素上使用实现的outline属性，该元素应该起作用：

a：focus {outline：0px none;}