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

Try this:

<style>
.btn-disable {
    display:inline-block;
    pointer-events: none;       
}
</style>

Answer 2

CSS can't do that. CSS is for presentation only. Your options are:

• Don't include the href attribute in your <a> tags.
• Use JavaScript, to find the anchor elements with that class, and remove their href or onclick attributes accordingly. jQuery would help you with that (NickF showed how to do something similar but better).