当我移除焦点时，文本变成白色

Question

视频示例:http://recordit.co/HsWMaQGapR

我不明白为什么会发生这种事。我正在使用Bootstrap。下面是我使用的css:

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
background: transparent;
color: #b0babf !important;

}

Answer 1

问题修复。我只需要重写Bootstrap的默认样式。

一样:

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
color: #b0babf !important;
background-color: transparent;
}

谢谢。

Answer 2

您正在使用:focus选择器从我从快速扫描中理解的文本颜色设置样式。这显然意味着，当焦点被移除时，颜色将恢复到之前在CSS中指定的颜色。我想那一定是白色的。