How the html a tag forbids clicking and gives it a hint at the same time

there is a requirement, an a tag, which forbids clicking, but hopefully when the mouse is over this, there will be a prompt.

what I"m dealing with at the moment

<li class="disabled" style="pointer-events: none;"><a href="{% url "pro1:gamecontrol" %}?stop={{ game_i.gameid }}" title=""></a></li>

the effect of this is that the a tag cannot be clicked, but there is no prompt after the mouse is put on it.

clipboard.png

Jun.09,2021

can you add a css attribute
cursor:not-allowed


to change a to another tag if you can't click it?


can I add a mask layer?

Menu