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.
Let’s try out the following example to understand how it actually works:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Disable an HTML Link using CSS</title> <style> .disabled-link{ cursor: default; pointer-events: none; text-decoration: none; color: grey; } </style> </head> <body> <a href="somepage.html" class="disabled-link">HTML Link</a> </body> </html> |
If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.