更改角度材质中的默认图标

Question

我有角材料嵌套菜单的代码，它的工作原理很好，但是我不希望默认的arrow_right图标如何删除默认的arrow_right图标？

<button mat-button [matMenuTriggerFor]="main_menu">WOMEN<mat-icon>arrow_drop_down</mat-icon></button>
    <mat-menu #main_menu="matMenu">
        <ng-container *ngFor="let cats of cat?.women">
            <button class="matmenu" mat-menu-item [matMenuTriggerFor]="sub_menu" (click)="Clickcat(cats.cat_id,cats.category)">{{ cats.category }}</button>
            <mat-menu #sub_menu="matMenu">
                <button *ngFor="let subcats of cats.subcategories" (click)="Clickcatsub(subcats.sub_cat_id)" mat-menu-item>{{ subcats.sub_cat }}</button>
            </mat-menu>
        </ng-container>
    </mat-menu>

引用的链接： stackblitz

Answer 1

您可以使用CSS覆盖

.mat-menu-item-submenu-trigger::after {
    display: none;
}