如何从角垫菜单中删除选择框？答案

【问题标题】：How can I remove the select box from angular mat-menu?如何从角垫菜单中删除选择框？
【发布时间】：2019-01-23 09:22:54
【问题描述】：

我正在使用 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>

【问题讨论】：

你是指第一个按钮周围的蓝色边框吗？
我猜是大纲所以你可以试试outline: none
是的，第一个按钮周围的蓝色边框

标签： css angular material-design angular-material-6

【解决方案1】：

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

在我的按钮中添加了 css "outline: none"

希望这对和我有同样问题的人有所帮助。

【讨论】：

button.mat-menu-item{ 大纲：无； }