当我将鼠标悬停在 ionic 提供的 github 徽标上时，如何覆盖标题"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事件阻止禁用离子图标弹出，并设置"标题"；属性。

用途：

ion-icon {
pointer-events: none;
}

在此处找到：https://github.com/palantir/blueprint/issues/2321

Answer 2

您可以尝试在ion按钮内使用ion图标，并在离子按钮上添加(点击(功能，如下所示：

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

你再也看不到悬停时的标题了。

Answer 3

我有答案了！您可以在GitHub上访问Ionicon的版本(https://github.com/ionic-team/ionicons/releases?page=2)并看到v.2.0添加了标题。您可以使用旧版本。您可以通过删除安装脚本中的5.5.2(您在使用Ionicons的项目中添加了5.5.2(来导入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>