Удалить мат-накладку на клик? - PullRequest
Новая
       29

Удалить мат-накладку на клик?

0 голосов
/ 07 мая 2019

У меня есть раскрывающееся меню, в котором есть кнопка.Я хочу удалить наложение, которое появляется, когда пользователь щелкает раскрывающийся список.

Я могу удалить наложение при наведении, написав следующее css. 

.no-hover-effect ::ng-deep .mat-button-focus-overlay {
  background-color: transparent;
}

Вот как HTML-код для матКнопка выглядит как. 

    <div class="mat-menu-wrapper mat-menu-size" [matMenuTriggerFor]="abc">
      <button mat-button class="mat-button no-hover-effect">
        <span class="mat-button-wrapper"><span class="mat-menu-text">
            xyz</span>
        </span>
      </button>
      <mat-menu #abc="matMenu">
        <button mat-menu-item>
          xyz
        </button>
        <button mat-menu-item>
          xyz
        </button>
      </mat-menu>
      <mat-icon class="mat-icon-ui">arrow_drop_down
      </mat-icon>
    </div>

enter image description here

1 Ответ

1 голос
/ 07 мая 2019

Вам нужно отключить эффект ряби мат-кнопки.Как уже упоминалось здесь , вы можете отключить его, добавив [disableRipple]="true" к вашему mat-button.

Подробнее о волновом эффекте

...