当我悬停在离子型图标提供的github-徽标上时，如何覆盖标题“离子图标-v5_logos”

Question

我正在尝试将GitHub Logo通过离子(v5)嵌入到我的项目中，该项目重定向到我创建的项目的GitHub存储库。

该标志有这个恼人的标题“电离图标-v5_logos”，这是当我悬停在图标上。我如何删除徽标的标题？我试图通过用HTML编写以下代码来删除徽标的现有标题(但它似乎没有删除离子图标上的标题)-

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

我尝试过使用aria-label、aria-hidden和ariaLabel属性来设置/隐藏离子图标的标题，但是没有什么效果。有人能引导我删除离子图标的标题吗？

Answer 1

您可以禁用离子图标弹出使用CSS事件阻止和设置“标题”属性的父元素。

使用：

ion-icon {
  pointer-events: none;
}

在此发现：https://github.com/palantir/blueprint/issues/2321

Answer 2

您可以尝试在离子按钮中使用，并在离子按钮上添加(单击)函数，如下所示：

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

你不会再看到标题悬停了。

Answer 3

我有答案了！您可以转到GitHub (https://github.com/ionic-team/ionicons/releases?page=2)上的Ion图标版本，并看到v5.2.0增加了title.You可以使用旧版本。您可以通过在安装脚本中删除5.5.2 (为使用Ionicons而在项目中添加的)来导入v5.1.2 (以获得更好的结果)。

//Use this code

<script type="module" src="https://unpkg.com/ionicons@5.1.2/dist/ionicons/ionicons.esm.js"></script>

<script nomodule src="https://unpkg.com/ionicons@5.1.2/dist/ionicons/ionicons.js"></script>