md-cardとng-clickは厄介な青い境界線を与えます

Question

md-カードでng-clickを使用すると邪魔になるハイライトを取り除く方法を理解しようとしています。基本的には、私がしたことはすべて、MDカードをセットアップし、そこにnd-clickを追加することでした。

<md-card ng-click="showart(sketch.id)" class="magazinecard"> 
     <md-card-header> 
     <md-card-header-text> 
     <span class="md-headline">{{sketch.name}}</span> 
     <span class="md-subhead">By user: {{sketch.owner}} data: </span> 
     </md-card-header-text> 
     </md-card-header> 
     <img data-ng-src="data:{{image.type}};base64,{{image.data}}"/> 
     <md-card-content style="background-color: white; color: black;"><div style="width: 325px;" ng-bind-html="sketch.description"></div></md-card-content> 
     <md-card-content layout="row" layout-align="space-between"> 
     <md-card-actions layout="row"> 
     <md-button class="md-icon-button" aria-label="Favorite"> 
     <ng-md-icon size="20px" icon="favorite"></ng-md-icon> 
     </md-button> 
     <md-button class="md-icon-button" aria-label="Share"> 
     <ng-md-icon size="20px" icon="share"></ng-md-icon> 
     </md-button> 
     <md-button class="md-icon-button" aria-label="Settings"> 
     <ng-md-icon size="20px" icon="delete"></ng-md-icon> 
     </md-button> 
     </md-card-actions> 
     </md-card-content> 
     </md-card> 

はできるだけ早く私はMD-カードをクリックすると、私は、全体のカードの周りに青い線を取得し、私はそれを制御する方法を見つけ出すことはできません。 はMD-カードを変更してみました：焦点とた.mdカード：フォーカス、何も

.md-card:focus { 
    border-color: #7b007b; 
} 

Answer 1

をあなたがoutline:noneとborder: 0を探しています。ただ、そのようなあなたのCSSセレクタに追加します。

.md-card:focus { 
    outline: none; 
    border: 0; 
} 

私はそれが動作して見ることができないが、その青い枠線が:focusからなので、それは、必ずしも.md-cardだか分かりません。