How to show the "locked" icon when you hover over an item with the mouse

Question

A few days ago, I saw a “block” icon when I hovered over a link, indicating that I could not click. How can i do this? I don’t know the right term for the search, which is probably why I can’t find it. Is this a plugin? HTML5 function?

Unfortunately, I do not remember the site on which I saw it.

Thanks!

Answer 1

To do this, use the not-allowed pointer in CSS.

Live example (try washing over text):

 a { cursor: not-allowed; } 

 <a>Not Allowed</a>