比较这个 - http://bootswatch.com/2/cerulean/还有这个 - http://bootswatch.com/cerulean/ (第三个 Bootstrap ),当你在第三个版本中点击页面顶部的“下载”并立即点击它然后再次点击它并将指针从它移开 - 一切都很好,但如果你尝试在第二个版本中做同样的事情版本 - 你会在元素和较暗的背景上看到 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; }
但我认为这不是最佳解决方案或者可能不是跨浏览器 - 这是我的问题。
最佳答案
在元素上设置 !important 标签通常不被认为是最佳实践,但如果您在 a 元素上使用 outline 属性,则应该如下所示:
a:focus {outline: 0px none;}
关于css - 元素不失去焦点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19030187/