Force an Anchor Tag Not Clickable with CSS

Leave a reply

Yes, it is possible to make your anchors not clickable with simple CSS lines on your website. I know sometimes you developers can’t change the core HTML codes and only have access to the CSS file. Below is the CSS that does the magic.

Make an Anchor Tag Nonclickable with CSS

a {
 pointer-events: none;
 cursor: default;
}

Related posts:

  1. Make Clickable Link with JavaScript instead of HTML Anchor
  2. Remove Proudly powered by WordPress Theme and Replace with Your Own © Copyright Information
  3. Remove “Storefront designed by WooThemes” on Woocommerce Storefront Theme
  4. Redirect HTTP Website to Secure HTTPS Website Using Simple .htaccess in cPane/Hosting
  5. How to Make Bootstrap Nav Top Level Menu Clickable With Dropdowns
  6. CSS Vertical Align Center
  7. CSS Only: Easy Modal Lightbox Pop-up (Animated)
  8. Add a Copyright Text / Info Using CSS on WordPress Websites
  9. CSS Only: Pop-up Modal Lightbox on Page Load
  10. How Create a HTML/CSS Ribbon. Simple and Light (None Jpg/Png Image)
  11. Remove ‘Built with Storefront & WooCommerce’ with CSS lines on WordPress Storefront Theme
  12. CSS: A Simple Way to Set the Table Column Width
  13. Circled Number Lists (HTML/CSS)
  14. CSS / HTML: Make Absolute Center (Vertical & Horizontal)
  15. CSS: Add Gradient (Dark Shade) Layer on Background Images to Make the Text Visible
  16. Responsive Google Adsense is Easy!
  17. Resolved! Loading Your Google Fonts Over https (SSL) Sites
  18. Get a free SSL Certificate (Secure Socket Layer) – Change HTTP to HTTPS for your website domain
  19. A Simple Way to Hide Featured Image inside Post with CSS
  20. Download: Simple Parallax Smooth Scrolling Website Template

Leave a Reply

Your email address will not be published. Required fields are marked *