How to override CSS :hover?

The first rule overrides it because of CSS specificity, i.e. it’s more specific.

Change second rule to:

ul li.disabled, ul li.disabled:hover{
    color:grey;
}