To disable a link using CSS, pointer-events property can be used, which sets whether the element in the page has to respond or not while clicking on elements. The pointer-events property is used to specify whether element show to pointer events and whether not show on the pointer.
Below example illustrate the approach:
Example 1: Below code shows the use of property-events where ‘a’ tag is disabled, with no cursor (disabled cursor pointer on ‘a’ tag)
Output: We can notice that although it looks like a link, nothing happens when we take pointer on it or click on it.
Example 2: This code shows CSS which applies to an ‘a’ tag so that it looks like, that the link is disabled, to do so, color and text-decoration property can be used.
Output: Here it can be seen that it does not even look like a link.
- How to disable a CSS :hover effect?
- How to disable tabs in Bootstrap ?
- How to disable text selection highlighting using CSS?
- How to disable resizable property of textarea using CSS?
- How to disable zoom on a mobile web page using CSS?
- How to disable scrollbar without hiding using jQuery ?
- How to disable a button in jQuery dialog from a function ?
- How to disable Copy, Paste, Cut and Right Click using jQuery ?
- jQuery | disable/enable an input element
- How to disable browser Autocomplete on web form field/input tag?
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to email@example.com. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.