Угловой материал мини кнопки вокруг дисплея какой-то квадрат

Question

Я использую свой проект Angular 7 для мини-кнопок Угловой материал , я столкнулся с некоторой проблемой, я добавил угловую мини-кнопку, она работает, но когда я нажимаю кнопку, показывающую какой-то квадрат, любой знает, какчтобы решить эту проблему?

Спасибо.

, пожалуйста, посмотрите на мою проблему

Мой код

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;
}