각도 재료 ng클릭 이상한 테두리 강조 표시

각도 재료 ng클릭 이상한 테두리 강조 표시

Angular 사용에 문제가 있습니다.JS 및 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 디렉티브가 있는 경우에만 나타나는 것 같습니다(스판 요소에서도 같은 동작).

사용된 버전:

AngularJS - 1.4.1

각질 재료 - 0.9.4

각도 아리아 - 1.4.0

Angular-Animate

각도 UI 부스트랩 - 0.9.0

부트스트랩 - 3.2.0

JQuery - 2.1.4

좋은 생각 있어요?다음 plnkr를 참조해 주세요.

문제는 :포커스, 이런 거 하면 돌아다닐 수 있어요.

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

따라서 이것은 단순히 스팬에 대한 것입니다.다른 곳에서 삭제할 경우 다른 항목에 대해 좀 더 구체적으로 설명할 수 있습니다.

나는 대부분의 요소에서 같은 문제에 직면했다.

내 경우 다음 CSS 코드가 작동했습니다.

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

이것은 간단할 수 있습니다.

더하다nofocus그 요소에 대한 클래스,

css를 그 클래스에 추가합니다.:focus

.nofocus:focus {
    outline: none;
}

언급URL : https://stackoverflow.com/questions/30981429/angular-material-ng-click-strange-border-highlight