0

比较这个 - http://bootswatch.com/2/cerulean/和这个 - http://bootswatch.com/cerulean/(第三个引导程序),当您在第 3 版中单击页面顶部的“下载”并立即然后再次单击它并将指针移离它 - 一切都很好,但如果你尝试在第二个版本中做同样的事情 - 你会看到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; }

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

4

1 回答 1

1

在元素上设置 !important 标记通常不被认为是最佳实践,但如果您在 a 元素上使用实现大纲属性,则应该如下所示:

a:focus {outline: 0px none;}

于 2013-09-26T14:01:26.703 回答