Css 在active Directory上引导导航

我正在使用引导，并且我正在尝试在激活时更改菜单上列表项的背景色（其上有下拉子菜单）。列表项正在更改颜色，但其中的锚点具有不同的颜色

         <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
              <ul class="nav navbar-nav">
                 <li><a href="">Home</a></li>
                 <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Item1</a >
                    <ul class="dropdown-menu">
                      <li><a href="#">SubItem1</a></li>
                      <li><a href="#">SubItem2</a></li>
                      <li><a href="#">SubItem3</a></li>
                      <li><a href="#">SubItem4</a></li>
                    </ul>
                </li>
                <li><a href="">Item2</a></li>
                <li><a href="">Item3</a></li>
                <li><a href="">Item4</a></li>
            </ul>
        </div>

---

您能否在JSFIDLE/plnkr/codepen或其他任何地方共享一个示例以供参考？

  .navbar-nav > li {
   background-color:black;
   }   
  .navbar-nav > li a:active{
    background-color:white !important;
   }