当我将鼠标悬停在 ionic 提供的 github-logo 上时如何覆盖标题“ionicons-v5_logos”

Question

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

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

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

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

Answer 1

您可以使用 CSS 事件阻止禁用离子图标弹出窗口并在父元素上设置“title”属性。

用：

ion-icon {
  pointer-events: none;
}