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.