css: how to disable the ability of clicking a link

Question

I have the need to disable a link via css, can this be done if the link is visible and holds a valid 'href' attribute value?

html:

<a class="theLink" href="https://ebay.com">link</a>

css:

.theLink{...?}

Please search before you ask a question, there is an already existing answer that is easily found by a simple search. — Jacob G, Oct 29 '15 at 12:22

score 1 · Answer 1 · answered Oct 29 '15 at 12:19

1

.thisLink{
   pointer-events: none;
   cursor: default;
}

Here is an example

answered Oct 29 '15 at 12:19

m0bi5

score 1 · Accepted Answer · answered Oct 29 '15 at 12:21

1

Yes you can disable it!

html:

<a class="theLinkDisabled" href="https://google.com">link</a>
<br>
<a class="theLinkActive" href="https://google.com">link</a>

css:

.theLinkDisabled{
    pointer-events: none;
    cursor:default;
}

.theLinkActive{
    pointer-events: auto;
    cursor:pointer;
}

answered Oct 29 '15 at 12:21

Al Ex Tsm

Thanks, I also needed to know how to reactivate them, works perfect – zia ur rehman Oct 29 '15 at 12:35

2 Answers2