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

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

我相信当你激活下拉列表时，具有类'dropdown'的LI元素会在其中添加“open”类。尝试使用'open'类来关闭边框。

Answer 2

使用上述相同标记并使用以下样式将删除蓝色边框 来自链接。

.dropdown a { outline: none; }