Apply text color on disabled=true textbox

Question

I would like to know if it's possible to force a CSS Color on a "disabled=true" textbox? By default, this attribute is removing the css font color and replacing it by a very light gray.

Thanks

What browsers do you need to support? Namely, what about IE6 and 7? — Pekka, Nov 02 '10 at 10:45
Use [Selectivizr](http://selectivizr.com/) to get it working in IE6/7 or only use it as a progressive enhancement. — Adam Youngers, Aug 19 '11 at 19:55

score 2 · Accepted Answer · answered Nov 02 '10 at 10:51

2

input[disabled='disabled'] {
  color:blue;
  }

source

answered Nov 02 '10 at 10:51

ArK

20,698
67
109
136

@sisdog try this http://stackoverflow.com/questions/5485642/how-do-you-style-disabled-textarea-in-ie8 and http://stackoverflow.com/questions/1411044/how-to-change-color-of-disabled-html-controls-in-ie8-using-css – ArK Jul 28 '11 at 08:45

score 0 · Answer 2 · answered Aug 19 '11 at 19:52

I found the problem with just using input[disabled='disabled'] was that it also includes checkboxes and radio buttons which I didn't want to handle quite the same way. I found the following method worked for me...

INPUT[type=text][Disabled],
INPUT[type=search][Disabled],
INPUT[type=password][Disabled],
SELECT[Disabled] { color:blue;}

Apply text color on disabled=true textbox

2 Answers2