【问题标题】:Issue with Bootstrap 3 dropdown menusBootstrap 3 下拉菜单的问题
【发布时间】:2014-05-16 00:23:56
【问题描述】:

我的下拉菜单运行良好,但我遇到的问题是,当您将鼠标悬停在实际下拉菜单中的链接上时,父链接和文本变为黑色。我希望它保持与翻转相同的背景和文本颜色。我已经尝试更改下拉切换上的背景、文本颜色和悬停样式,但没有任何变化。

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

【问题讨论】:

    标签: html css twitter-bootstrap-3


    【解决方案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 因为它告诉菜单,“当我将鼠标悬停在 在这个“开放”类下的链接,打开所有与该类直接相关的链接 类(在本例中为顶部导航)在背景中为黑色。”

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-09-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-09-10
      相关资源
      最近更新 更多