Html md无焦点样式在我的设置中无法正常工作

我有一个按钮可以打开导航栏：

在我点击它之后，它会变成某种hitmarker：

单击某些导航栏项目（从而切换到下一个状态/视图）后，hitmarker应该消失。不幸的是，在我点击一个随机元素之前，hitmarker一直存在

按钮的html：

<div ng-controller="navbarCtrl" ng-cloak>
  <md-content>
    <md-toolbar>
      <div class="md-toolbar-tools">
        <md-button class="md-icon-button" ng-click="toggleMenu()" aria-label="Menu">
          <md-icon md-svg-icon="assets/img/menu.svg"></md-icon>
        </md-button>
        <h2>
          <span><a ui-sref="overview">Test</a></span>
        </h2>
        <span flex></span>
        <md-button class="md-icon-button" ui-sref="account" aria-label="Account">
          <md-icon md-svg-icon="assets/img/account.svg"></md-icon>
        </md-button>
      </div>
    </md-toolbar>

  </md-content>

  <section layout="row" flex>
    <md-sidenav class="md-sidenav-left md-whiteframe-z2" md-component-id="left">
      <md-toolbar class="md-theme-indigo" layout="row">
        <h1 class="md-toolbar-tools">Menu</h1>
        <span flex></span>
        <md-button class="md-icon-button" aria-label="close" ng-click="close()">
          <md-icon md-svg-icon="assets/img/closeNavbar.svg"></md-icon>
        </md-button>
      </md-toolbar>
      <div layout="column" layout-align=" center">
        <md-button ui-sref-active="active" ng-click="close()" layout-align=" center" style="text-align:left" ui-sref="overview">Overview</md-button>
      </div>
    </md-sidenav>

  </section>

</div>
<div ui-view></div>

试验
菜单
概述

我必须更改什么才能修复此问题？

将此添加到CSS中：

md-button:focus, md-icon:focus {
    outline: none;
}

.md-focused {
    background: transparent !important;
}

---

您需要在CSS中使用以下内容：

md-button:focus, md-icon:focus {
    outline: none;
}

.md-focused {
    background: transparent !important;
}

---

你能把这个问题解释清楚吗？或者整个

sidenav

？对不起。但是我不明白你的问题。你想在单击时消除这种效果吗？这里提出了同样的问题，当我单击

md按钮时，我不想它被聚焦，是否有任何像
md no focus
这样的属性，因为我们有
md no ink
。谢谢