Jquery can'；t控制Twitter引导中菜单元素的颜色

（打开足够宽的“结果”窗口，以获得桌面菜单栏，而不是折叠的智能手机菜单。）

我正在尝试用新的颜色和样式定制一个Twitter引导网站。如果没有较少的安装，我将使用良好的老式CSS覆盖

我现在遇到的问题是菜单项。我可以用红色覆盖默认的灰色背景，但如果我单击“我们的团队”或“公文包”打开下拉列表，然后将鼠标向下移动到下拉列表，菜单项将切换为默认灰色

奇怪的是，如果我在Chrome或Firefox调试器中选择有问题的

标记，它会切换回红色！只有在我的调试器中选择具有灰色背景的标记之前

我认为这一定是Bootstrap下拉列表JS的一些特性，但我看不到它改变DOM中的任何东西，无论是样式还是类

---

基本CSS：

.navbar-default .navbar-nav > .open .dropdown-menu > li > a,
.navbar-default .navbar-nav > li > a {
    color: #eb212e;
    border-color: #eb212e;
}
.navbar-default .navbar-nav > li.open > a, 
.navbar-default .navbar-nav > li.open > a:hover, 
.navbar-default .navbar-nav > .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > a:hover {
    color: #fff;
    border-color: #eb212e;
    background-color: #eb212e;
}

---

这是您需要更改的内容：

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #E7E7E7; /* change to your own color */
    color: #555555;/* change to your own color */
}

---

特别是

.navbar default.navbar nav>.open>a:focus

您可以将其添加到您的css:a标记的

：focus

状态

.navbar-default .navbar-nav > li.open > a:focus {
    background-color: #eb212e;
}

你的小提琴