CSS disable hover effect

by

I have really simple solution for this.

just create a new class

.noHover{
    pointer-events: none;
}

and use this to disable any event on it. use it like:

<a href="" class="btn noHover">You cant touch ME :P</a>

More Related Contents:

  1. How to change the cursor into a hand when a user hovers over a list item?
  2. What is the opposite of :hover (on mouse leave)?
  3. CSS transition effect makes image blurry / moves image 1px, in Chrome?
  4. Is there any way to hover over one element and affect a different element? [duplicate]
  5. Change opacity on all elements except hovered one
  6. How to use ‘hover’ in CSS
  7. CSS: Hover one element, effect for multiple elements?
  8. How can I delay a :hover effect in CSS?
  9. SVG USE element and :hover style
  10. Does css hover work on mobile devices?
  11. How can I change a button’s color on hover?
  12. Spin or rotate an image on hover
  13. image moves on hover – chrome opacity issue
  14. CSS: styled a checkbox to look like a button, is there a hover?
  15. hover on child without hover effect on parent [duplicate]
  16. div background color, to change onhover
  17. CSS hover border makes elements adjust slightly
  18. Is it possible to change only the alpha of a rgba background colour on hover?
  19. How to display and hide a div with CSS?
  20. Hover on child should turn off hover effect on parent [duplicate]
  21. Is there an opposite CSS pseudo-class to :hover?
  22. prevent a pseudo element from triggering hover?
  23. How to apply child:hover but not parent:hover
  24. How to apply a CSS filter to a background image
  25. React.js inline style best practices [closed]
  26. CSS background opacity with rgba not working in IE 8
  27. IE8 :nth-child and :before
  28. What does the dot mean in CSS?
  29. up/down arrow key issue with typeahead control (angular bootstrap UI)
  30. How to specify table’s height such that a vertical scroll bar appears?

Leave a Comment