如何从角垫菜单中删除选择框?

Niu*_*ang 9 css material-design angular angular-material-6

我使用的是 angular 6.1.3 和 angular/material 6.4.5(都是最新版本)但是当我运行以下代码时,它总是有一个蓝色的选择框。

我在 chrome 和 IE 上都试过这个,两者都有同样的问题。

有什么办法可以去掉蓝框吗?

谢谢!

<mat-menu #usermenu [overlapTrigger]="false">
        <button mat-menu-item>
                <mat-icon>face</mat-icon>
                <label>Profile</label>
            </button>

            <button mat-menu-item>
                <mat-icon>exit_to_app</mat-icon>
                <label>Logout</label>
            </button>
</mat-menu>
Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明

Niu*_*ang 15

我通过@SuperDJ 的评论解决了这个问题,

向我的按钮添加了 css“outline: none”

希望这可以帮助与我有同样问题的人。

  • 按钮.mat-menu-item{ 大纲:无; } (7认同)