Style disabled button with CSS

Question

I'm trying to make a button with an embedded image seem different:

I'm attempting to:

1. When the button is disabled, change the background colour.
2. When the button is disabled, change the image in the button.
3. When the hover effect is disabled, disable it.
4. When you click and drag the image in the button, it appears separately; I don't want that to happen.
5. The button's text can be selected. That's something I'd like to avoid as well.

I attempted to implement this in button[disabled]. Some effects, however, could not be turned off. such as top: 1px; relative position: relative; and image

Answer 1

I think you should be able to select a disabled button using the following:

button[disabled=disabled], button:disabled {
    // your css rules
}