Css 角度材质单击奇怪边框高亮显示

我在使用AngularJS和AngularMaterial时遇到问题

请看下面的代码：

<div flex="100">
   <ul class="list-group">
       <li class="list-group-item cursorPointer" 
        ng-repeat="item in array" ng-click="selectItem(item)">
          {{item.name}}
       </li>
    </ul>
</div>

{{item.name}

li标签附带了一个ng click函数，其中包含一些业务逻辑。问题是当你点击它时，会出现一个奇怪的边框（类似于用户选择高亮显示），我似乎不知道它是从哪里来的

这似乎只有在元素上有ng click指令时才会出现（在span元素上的行为相同）

使用的版本：

AngularJS-1.4.1

角材料-0.9.4

角咏叹调-1.4.0

角度动画-1.4.1

角度UI Boostrap-0.9.0

引导-3.2.0

JQuery-2.1.4

---

有什么想法吗？请参阅此plnkr示例：

您的问题是：集中精力，您可以通过这样做来解决问题

 span:focus {
    outline: none;
    border: 0;
 }

---

因此，这只是针对您的范围，如果您想在其他地方删除它，您可以在其他项目上获得更具体的信息。

这可能很容易：

将

nofocus

类添加到该元素中

并在

：focus

.nofocus:focus {
    outline: none;
}

---

我在大多数元素中都遇到了同样的问题

在我的例子中，以下CSS代码有效：

*:focus {
    outline: none !important;
    border: 0 !important;
}

---

Bootstrap为链接项目组项目提供了它，我想知道angular Bootstrap是否没有将CSS应用于可单击的元素和列表组项目。只是猜测一下，如果我删除了所有的角度材质脚本，那么高光就会消失。所以它必须来自于有角度的材料，但我不能准确地从哪里找到它。它不是焦点。检查我在问题中提供的plnkr并尝试一下。@RusPaul这是重点，您只需要从您想要的任何元素中删除它，我只是有一个a的示例。如果您使用的是chrome，请打开“开发工具”，转到“元素”标记并检查您的li（或ng单击的任何一个），然后右键单击并强制元素状态为：焦点。@RusPaul您指的是哪个部分不工作？奇怪的蓝色边框仍然没有消失。参见截图：@RusPaul更新了css，使用outline:none；与边界：0；请看这里-。无论你想要什么，你都可以做一个*：聚焦，如果你想的话，但不建议使用*。