How to disable a link using only CSS?

Question

Is there any way to disable a link using CSS?I have a class called `current-page` and want links with this class to be disabled so that no action occurs when they are clicked.

Answer 1

I would strongly recommend against disabling a link through CSS. Is there a specific reason you want to disable that link? If you have a navigation pane and a link is stylized to demonstrate that the page being viewed is the current one, what is the harm in letting the user click the link again to let the page refresh?

If you absolutely have to do it you can add the following property to your class:

.current-page {

/*...*/

pointer-events: none;

}

This only works on relatively new browsers. I would heavily reconsider the functionality you are implementing, however, and determine if it's absolutely necessary.