Html 引导下拉列表未使用navbar Reverse正确设置样式

我正在尝试使用navbar Reverse和on hover的属性制作一个下拉列表。我已经解决了悬停问题，这是导航条的倒数，我无法理解。我在网上搜索了一下，发现你是否使用了这个代码

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

这会使下拉菜单的颜色符合我的要求，但文本仍然很难看到。我试着改变颜色标签，使文本成为我想要的，但它没有改变任何东西。使用该代码，我的下拉列表如下所示：

正如你看到的那样，如果你看图片，文本很难阅读。有人能帮我吗？我已经试了好几天了

以下是下拉列表中的所有代码供参考：

HTML:

我发现：

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

另外，您看到的颜色是否是链接的“已访问”版本？你能把你的导航栏全部贴出来吗

.dropdown-menu.menu-inverse {
    background-color: #222;
    border-color: #080808;
}

.dropdown-menu.menu-inverse li > a {
    color: #9d9d9d !important;
}

.dropdown-menu.menu-inverse ul > li > a:hover {
    color: #fff;
    background-color: #000;
}

.dropdown-menu.menu-inverse li.divider {
    background-color: #000;
}

这个CSS只是@CalmKai的答案中LESS的编译版本（这是直接针对GitHub的问题）

我的应用程序会在顶部导航栏中显示用户名，因此也会反向显示：

.navbar-inverse #appMenuUsername {
    color: #9d9d9d
}

---

嘿，2.0系列还是3.0系列？你是说引导版本，如果是的话，我是在3.3.1版本。

.dropdown-menu.menu-inverse {
    background-color: #222;
    border-color: #080808;
}

.dropdown-menu.menu-inverse li > a {
    color: #9d9d9d !important;
}

.dropdown-menu.menu-inverse ul > li > a:hover {
    color: #fff;
    background-color: #000;
}

.dropdown-menu.menu-inverse li.divider {
    background-color: #000;
}

.navbar-inverse #appMenuUsername {
    color: #9d9d9d
}