如何从 Electron 应用程序的 [mat-icon] 按钮中删除工具提示？

Question

我需要从按钮中删除工具提示。

我正在使用 Angular/Electron 作为桌面应用程序。

我在 .html 文件中有以下代码：

<button class="close-button" (click)='closeDialog()'>
  <mat-icon class="svg-mat-icon" svgIcon="menu_cancel"></mat-icon>
</button>

这是屏幕右上角的 'X' 按钮。当我将鼠标悬停在它上面时，我会在它上方看到一个工具提示 "menu_Cancel"。

如何删除该工具提示？该按钮不言自明，用户无需知道使用的文件名。

谢谢。

Answer 1

我遇到了同样的问题。我在我的 SCSS 中解决了它：

mat-icon {
  svg {
    pointer-events: none;
   }
}