6

我正在尝试将 ionic (v5) 的 GitHub 徽标嵌入到我的项目中，该项目重定向到我制作的项目的 GitHub 存储库。

该徽标有一个令人讨厌的标题“ionicons-v5_logos”，当我将鼠标悬停在该图标上时会出现该标题。如何删除徽标的标题？我试图通过在 HTML 中编写以下代码来删除徽标的现有标题（但它似乎没有删除 ion-icon 上的标题） -

<ion-icon name="logo-github" title="Check the code"></ion-icon>

我尝试使用aria-label,aria-hidden和ariaLabel属性来设置/隐藏离子图标的标题，但没有任何效果。谁能指导我删除离子图标的标题？

4

2 回答 2

15

您可以使用 CSS 事件阻止来禁用 ion-icon 弹出窗口并在父元素上设置“title”属性。

采用：

ion-icon {
  pointer-events: none;
}

在这里找到：https ://github.com/palantir/blueprint/issues/2321

于 2020-09-13T18:06:46.953 回答
2

您可以尝试在 ion-button 内使用ion-icon并在ion-button上添加（单击）功能，如下所示：

<ion-button (click)="yourFunction()">
     <ion-icon name="close"></ion-icon>
</ion-button>

您将不会再看到悬停时的标题。

于 2021-01-19T06:08:47.983 回答