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

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中之前指定的颜色。我猜想那可能是白色的。