【发布时间】:2014-05-16 00:23:56
【问题描述】:
我的下拉菜单运行良好,但我遇到的问题是,当您将鼠标悬停在实际下拉菜单中的链接上时,父链接和文本变为黑色。我希望它保持与翻转相同的背景和文本颜色。我已经尝试更改下拉切换上的背景、文本颜色和悬停样式,但没有任何变化。
【问题讨论】:
标签: html css twitter-bootstrap-3
我的下拉菜单运行良好,但我遇到的问题是,当您将鼠标悬停在实际下拉菜单中的链接上时,父链接和文本变为黑色。我希望它保持与翻转相同的背景和文本颜色。我已经尝试更改下拉切换上的背景、文本颜色和悬停样式,但没有任何变化。
【问题讨论】:
标签: html css twitter-bootstrap-3
今天早上第一件事将此发布到 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 因为它告诉菜单,“当我将鼠标悬停在 在这个“开放”类下的链接,打开所有与该类直接相关的链接 类(在本例中为顶部导航)在背景中为黑色。”
我将上述样式添加到我自己的样式表中,并将背景颜色更改为与悬停背景相同的颜色,并且效果很好。字体颜色仍然是黑色,但我可以忍受。 DC Web Women规则!
【讨论】: