Köşeli malzeme ng tıklatınca garip kenarlık vurgulama

Question

AngularJS ve Angular-Material kullanımıyla ilgili bir sorunum var.

aşağıdaki kodu bir göz atın:

<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 etiketi ng tıklama işlevi bazı iş mantığını içeren ona bağlanması vardır. Sorun, üzerine tıkladığınızda (kullanıcı seçiminde vurgulamaya benzer) garip bir sınır görünmesi ve nereden geldiğini anlayamıyorum. - 1.4.1

Eğik-Malzeme

angularjs:

Bu ben bir unsuru (yayılma elemanı aynı davranışı) kullanılan

versiyonları üzerinde ng tıklama yönergesi olduğunda sadece görünür gibi görünüyor - 0.9.4

Açısal-Aria - 1.4.0

Açısal-animasyon - 1.4.1

Eğik-UI-Boostrap - 0.9.0

Bootstrap - 3.2.0

JQuery - 2.1.4

Herhangi bir fikir? http://plnkr.co/edit/60u8Ur?p=preview

Answer 1

Sizin sorundur: örneğin bu plnkr bakın Yani bu sürede sadece size bu

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

gibi bir şey yaparak dolaşabilirsiniz, odak, diğer öğeler üzerinde daha spesifik alabilir Başka bir yerde kaldırmak istiyorsan.

Answer 2

bu kolay olabilir:

Ben elemanların çoğu ile aynı sorunla karşı karşıya :focus

.nofocus:focus { 
    outline: none; 
} 

Answer 3

ilgili sınıfa, yani elemanlarına

nofocus sınıf ekleyebilir ve css ekleyin. Davam aşağıdaki CSS kodları içinde

çalıştı: açısal-önyükleme tıklanabilirdir ve liste grup maddelik elemana CSS geçerli değilse

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