html - BootStrap 下拉菜单未使用 navbar-inverse 正确设置样式

Question

我正在尝试使用 navbar-inverse 和悬停的属性制作一个下拉菜单。我解决了悬停问题，这是我无法弄清楚的 navbar-inverse。我已经搜索了互联网，发现您是否使用了此代码

.inverse-dropdown {
  background-color: #222;
  border-color: #080808;
  &>li>a{
    color: #999;
    &:hover{
      color: #fff;
      background-color: #000;
    }
  }
}

它会使下拉菜单的颜色变成我想要的颜色，但文本仍然很难看清。我尝试更改颜色标签以使文本成为我想要的，但它没有改变任何内容。使用该代码，我的下拉菜单如下所示:

如您所见，如果您查看图片，文字很难阅读。有人可以帮我吗？我已经尝试了好几天了。

作为引用，这是下拉列表中的所有代码:

HTML:

<li class="dropdown">
        <a href="staff.html"><i class="fa fa-group"></i> Our Staff</a>
        <ul class="dropdown-menu inverse-dropdown text-center">
            <li><a href="http://aesny.net/aes">Employee Login</a></li>
        </ul>
    </li>

CSS:

.dropdown:hover .dropdown-menu {
    display: block;
}

.inverse-dropdown {
  background-color: #222;
  border-color: #080808;
  &>li>a{
    color: #999;
    &:hover{
      color: #fff;
      background-color: #000;
    }
  }
}

Answer 1

我发现了这个:

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

此外，您看到的颜色是否是链接的“已访问”版本？你能发布你的整个导航栏吗？