How to change ugly cursor image on disabled radio buttons / checkboxes

Question

I want to remove this ugly red image when hovering over disabled controls that appears in most browsers (Chrome, Internet Explorer, etc.).

Answer 1

If CSS3 is an option, just use the: disabled selector and position the cursor on something else:

input[type='radio']:disabled { cursor: default; } input[type='checkbox']:disabled { cursor: default; } 

Answer 2

 /* goodby the ugly cursor image on disabled inputs */ input:disabled { cursor: default !important; } 

Answer 3

Just use this

CSS

For the radio button in the off state

 input[type='radio']:disabled { cursor: default; } 

For checkbox in shutdown state

 input[type='checkbox']:disabled { cursor: default; }