CSS disable hover effect

Question

In the entire DOM, I need to disable mouse hover on a specific button (not all buttons). Please tell me how to do this with a CSS class.

When my button is disabled, I use the CSS class below. Now I want to use the same class to eliminate the hover effect.

.buttonDisabled
 {
 Cursor:text !important; Text-Decoration: None !important; 
 } 

On mouse over, the above class will remove the hand symbol and the text underlining. Now I'd like to get rid of the hover effect as well. Please advise me.

Answer 1

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>