md-card和ng-click给出恼人的蓝色边框

Question

在使用md-card上的ng-click时,试图弄清楚如何摆脱恼人的亮点.基本上,我所做的只是设置一张md卡并添加一个点击它.

<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-card,我就会在整张卡片周围出现蓝线,我无法弄清楚如何控制它.尝试更改md卡:焦点和.md卡:焦点,但没有

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

Answer 1

你正在寻找outline:none和border: 0.只需将它添加到您的css选择器,如下所示:

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

我不确定它是否.md-card必然,因为我看不到它正在运行但是蓝色边框来自a :focus.