Bootstrap 3 - 更改下拉菜单背景颜色

我对 Bootstrap 很陌生，我设置了一个下拉菜单并尝试了颜色。

我想做的是在选择下拉标题药丸后更改其颜色。它目前变为浅灰色：

这是我的代码：

<div class="row hidden-xs">
  <div class="col-md-12">
    <ul class="nav nav-pills nav-justified nav-filter">
      <li role="presentation"><a href="#">Valentine's Day</a></li>

      <li role="presentation" class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false">
          Recipient <span class="caret"></span>
        </a>
      </li>

      <li role="presentation"><a href="#">Occasion</a></li>
      <li role="presentation"><a href="#">Type</a></li>
      <li role="presentation"><a href="#">New</a></li>
      <li role="presentation"><a href="#">On Sale</a></li>
    </ul>
  </div>
</div>

CSS 应该怎样覆盖这个颜色？ - 不是下拉菜单本身，只是标题链接。

Thanks

您可以覆盖悬停、活动和焦点状态.nav-pills像这样..

.nav-pills>li>a:hover {
    background-color: #FF6699;
}
.nav-pills .open>a, .nav-pills .open>a:active, .nav-pills .open>a:focus{
    background-color: #FF6699;
}

Demo http://www.bootply.com/7knejiguxy