How to change the title of an icon in Ionic

Question

It's just a small issue, but I've looked into other posts but none of the solutions work (at least for me). I want to change the title that appears on hover. I've tried using pointer-events: none;, but it stops the onDelete function

<ion-icon name="trash-outline" (click)="onDelete(message)" class="del" ></ion-icon>

Answer 1

As per the Ionic Forum post do the following:

<span title="whatever" (click)="onDelete(message)" >
  <ion-icon name="trash-outline" class="del"></ion-icon>
</span>

and in your css

.del {
  pointer-events:none
}

And here is the solution as a stackblitz.

Answer 2

I don't want any ion-icon svg title to show up in my app, so I put this in my index.html tag:

ion-icon {
  pointer-events: none;
}