jQueryUI tabs mouseover a disabled link, how do I change the cursor so it doesn't appear clickable?

Question

I\'m using jQuery ui tabs. The app correctly sets the css class to .ui-state-disabled and the link can be clicked but it doesn\'t do anything. What I\'m trying to accomplish

Answer 1

Since you are using jQuery ui and and you want to override one of it's classes, you need to use !important. This way your css definition of the class will take more importance.

.ui-state-disabled:hover {
     cursor: default !important;
}