css – 角度材料ng点击奇怪的边框高亮

我使用AngularJS和Angular-Material有一个问题。

看看下面的代码:

<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>

li标签具有附加到其上的ng-click功能,其中包含一些业务逻辑。问题是,当您点击它时,会出现一个奇怪的边框(类似于用户选择突出显示),我似乎无法弄清楚它来自哪里。

这似乎只有当我对元素有一个ng-click指令时(在span元素上有相同的行为)

使用的版本:

AngularJS – 1.4.1

角材料 – 0.9.4

角咏 – 1.4.0

角动画 – 1.4.1

Angular-UI-Boostrap – 0.9.0

Bootstrap – 3.2.0

JQuery – 2.1.4

有任何想法吗?参见这个plnkr例如:http://plnkr.co/edit/60u8Ur?p=preview

你的问题是:焦点,你可以通过做这样的事情来解决

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

所以这只是为了你的跨度,如果你想在其他地方删除它,你可以更多地了解其他项目。

http://stackoverflow.com/questions/30981429/angular-material-ng-click-strange-border-highlight

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:css – 角度材料ng点击奇怪的边框高亮