Prevent hyperlink events from CSS3

Updated: Mar 25, 2020

Ever wondered if it possible to prevent a hyperlink from executing (i.e.) launch a new web page, a new window, display a HTML page, or simply prevent anything from happening when a link is clicked? It is possible using CSS3. All you have to do is add the following CSS3 declaration for the anchor <a> tag.

pointer-events: none;

This prevents any link from being executed. If there are pre-defined classes, styles then you can always add the !important to the styles. See example below.

pointer-events:none !important;
cursor:default !important;

That’s it. The functionality is on its way!

#CSS3 #Coding

3 views0 comments
  • White Facebook Icon
  • Twitter
  • LinkedIn

© 2020 by ForNextCo.