The easiest way to disable a link in CSS is to use the pointer-events property. The pointer-events property controls various mouse events on an element.
To disable a link using pointer-events property, simply apply pointer-events: none; on the link that you want to make disabled. Also, you can set the text-decoration property to line-through so that the user can get an idea that this link is disabled.
Here is a working example:
Example:
a{
pointer-events: none;
text-decoration: line-through;
}
