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是否必然，因为我无法看到它正在运行，但蓝色边框来自:focus。

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

1 个答案: