html - Bootstrap 3 下拉菜单问题

Question

我的下拉菜单工作正常，但我遇到的问题是，当您将鼠标悬停在实际下拉菜单中的链接上时，父链接和文本变为黑色。我希望它与鼠标悬停保持相同的背景和文本颜色。我试过在下拉切换开关上更改背景、文本颜色和悬停样式，但没有任何更改。

这是我的代码的 Bootstrap :http://www.bootply.com/127174

Answer 1

今天早上第一件事就是将此发布到 DC 网络女性列表中，并在几分钟内得到了答复。我只是想在这里添加它以防其他人遇到同样的问题:

就在这里:

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse
.navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
background-color: #080808;
color: #fff;
}

看起来您正在为子导航覆盖它，但规则相同应用于顶部导航，因为它告诉菜单，“当我将鼠标悬停在在此“开放”类下链接，将所有直接相关的链接转为类(在本例中为顶部导航)背景为黑色。”

我将上面的样式添加到我自己的样式表中，并将背景颜色更改为与我的悬停背景相同并且它起作用了。字体颜色仍然是黑色，但我可以接受。 DC Web Women规则!