css - Angular material 迷你按钮周围显示一些正方形

Question

我正在为 Angular material mini buttons 使用我的 Angular 7 元素，我遇到了一些问题，我添加了 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>

.css

.mat-mini-fab.mat-accent {
  background-color: #e9ecef;  color: black; box-shadow: none;
}

Answer 1

尝试

button{
  outline: none;
}