Bootstrap 3下拉菜单问题

Question

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

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

的bootply

Answer 1

今天早上将这个发布到DC Web Women列表，并在几分钟内得到答案。我只是想在这里添加它以防其他人有同样的问题：

就在这里：

.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;
}

看起来你正在为子导航覆盖它，但规则相同 适用于topnav，因为它告诉菜单，“当我将鼠标悬停在一个上面时 链接在这个“开放”类下，转动所有直接相关的链接 类（在这种情况下，topnav）背景为黑色。“

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