How to Disable a Link with CSS

To disable a link using CSS, use the following code:

.disabled-link {
   pointer-events: none;
   cursor: default;
}

The pointer-events: none; removes the link functionality. The cursor: default; changes the cursor from the pointer (little hand denoting a link) to the default arrow (denoting no link) when hovering over the link.