如果下拉菜单保持打开，如何更改引导下拉列表的背景颜色？

Question

编辑：我修复了我的拼写错误，但它无法正常工作。非常感谢任何解决方案。

我使用megamenu作为我的引导程序模板，使得下拉菜单的宽度为屏幕大小的100％。

无论如何，问题是关于顶部的导航栏。它看起来像这样：

当我将光标移动到导航栏上的其中一个链接时，比如文章，下拉菜单会打开，因为它设置为在悬停时执行此操作：

正如您所看到的，链接的颜色在悬停时会变暗，也就是说，当光标放在导航栏中的链接上时，下拉菜单会打开并且颜色会变暗。

但是，如果用户将光标移动到下拉菜单，则菜单保持打开状态，这很好，但链接的颜色会变回原来的颜色，如下所示：

我不希望发生这种情况，只要下拉菜单保持打开状态，我想以一种颜色保持黑暗的方式制作模板。我究竟该如何使用CSS？

我的html看起来像这样（对于文章链接）：

<div class="navbar-collapse collapse navbar-right">
    <ul class="nav navbar-nav">

        <li class="dropdown menu-large">
            <a href="#" class="dropdown-toggle disabled" data-
            toggle="dropdown">Articles<b class="caret"></b></a>       
            <ul class="dropdown-menu megamenu row">
            .....
            </ul>

我使用css将鼠标悬停：

.dropdown:hover .megamenu {
  display: block;
 }

我使用css：

在悬停时使背景颜色变暗

.navbar-default .navbar-nav .dropdown .dropdown-toggle:focus,
.navbar-default .navbar-nav .dropdown .dropdown-toggle:hover,
.navbar-default .navbar-nav .dropdown .dropdown-toggle:active {
  color: #fff;
  background-color: #16a085;
}

我很确定这里不需要活动的那个。

关于我如何做到这一点的任何想法？

Answer 1

默认拼写错误。纠正它，它会起作用。