禁用上下文菜单项上的Bootstrap 3大纲？

Question

我正在使用以下Angular上下文菜单插件：

https://github.com/Templarian/ui.bootstrap.contextMenu

不幸的是，当我的项目被禁用但点击时，它们会显示一个我似乎无法摆脱的边框：

应该是一个非常简单的解决方案，但似乎这是在逃避我。

编辑：这是Plunker。我相信以下应该有效，但似乎不是：

li a:focused { 
 outline: none;
 border: transparent;
}

Answer 1

你几乎拥有它！真的很容易解决。

禁用菜单项后，<li>元素会获得.disabled类。

<ul class="dropdown-menu" role="menu" style="display: block; position: absolute; left: 27px; top: 22px;">
    <li class="disabled">
        <a tabindex="-1" href="#">Edit</a>
    </li>
    <li class="disabled">
        <a tabindex="-1" href="#">Delete</a>
    </li>
</ul>

试试这个。

li.disabled a{ 
 outline: none;
 border: 0;
}

Revised Plunker

Answer 2

接受的答案更合适，但您最初的想法也会有效。问题是点击时的元素伪类是:focus，而不是:focused。

li a:focus{ 
    outline: none;
    border: 0;
}