twitter-bootstrap - 无法从引导程序中的活动列表项中删除边框颜色

Question

我无法从导航栏中的活动列表项中删除边框。见附图。仅当我单击列表项以显示下拉列表然后再次单击它以关闭下拉列表时，才会出现这种情况。然后，当我将光标从列表项上移开时，它会显示这个蓝色边框。

任何帮助，将不胜感激。注意我正在使用 Less。

<div class="nav-collapse pull-right">
        <ul class="nav">
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">DROPDOWN<b class="caret"></b></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
              <li><a href="#">PLANS</a></li>
              <li><a href="#">PLANS</a></li>
              <li><a href="#">PLANS</a></li>
            </ul>
          </li></ul>

Answer 1

我相信当您激活下拉菜单时，具有“下拉菜单”类的 LI elememt 会添加“开放”类。尝试使用该“开放”类来关闭边框。

Answer 2

使用上面具有以下样式的相同标记将从链接中删除蓝色边框。

.dropdown a { outline: none; }