Styling a disabled input with css only

Question

I have sort of a strange situation. I\'m trying to style a disabled input button because I have an annoying hover turning the text to white. This makes it confusing to the

Answer 1

Let's just say you have 3 buttons:

To style the disabled button you can use the following css:

input[type="button"]:disabled{
    color:#000;
}

This will only affect the button which is disabled.

To stop the color changing when hovering you can use this too:

input[type="button"]:disabled:hover{
    color:#000;
}

You can also avoid this by using a css-reset.