角材料的迷你按钮周围显示一些正方形

cor*_*114 1 css angular-material angular

我将我的Angular 7项目用于Angular材质的迷你按钮,我遇到了一个问题,我添加了angular迷你按钮,它的正常工作,但是当我单击显示方形的按钮时,有人知道如何解决该问题吗?

谢谢。

请看看我的问题

在此处输入图片说明

我的密码

component.html

<div class="p-2">
<button mat-mini-fab>

            <mat-icon aria-label="Example icon-button with a heart icon " >edit
</mat-icon>
          </button>
</div>
          <div class="p-2"><button mat-mini-fab>

            <mat-icon aria-label="Example icon-button with a heart icon">delete
</mat-icon>
          </button>
</div>
Run Code Online (Sandbox Code Playgroud)

.css

.mat-mini-fab.mat-accent {
  background-color: #e9ecef;  color: black; box-shadow: none;
}
Run Code Online (Sandbox Code Playgroud)

Che*_*pan 7

尝试

button{
  outline: none;
}
Run Code Online (Sandbox Code Playgroud)