Overriding disabled input and textarea with CSS

Posted by igluratds on Stack Overflow See other posts from Stack Overflow or by igluratds
Published on 2010-04-01T08:38:30Z Indexed on 2010/04/01 8:43 UTC
Read the original article Hit count: 288

Filed under:

Hi,

Im trying to override the grey text of a disabled input and textarea. At the moment Im only really concerned with it working in Webkit and Mozilla. At the moment Im currently using every trick in the book that I know of:

input[@disabled=true], input[@disabled],
button[disabled]:active, button[disabled],
input[type="reset"][disabled]:active,
input[type="reset"][disabled],
input[type="button"][disabled]:active,
input[type="button"][disabled],
select[disabled] > input[type="button"],
select[disabled] > input[type="button"]:active,
input[type="submit"][disabled]:active,
input[type="submit"][disabled],input[disabled="disabled"], input[disabled] {
    color: black !important;
}

Sure it does change the colour if I change it to something else, however when I choose black it is still greyed out a bit.

Any ideas? I am using Ext JS if I can use that to manipulate it. Thanks.

© Stack Overflow or respective owner

Related posts about css