disabled text input not styling

Question

I have a form with disabled text input fields that I would like to style to look normal but not allow input.

Works in Chrome, but not in FireFox or IE - is this something that can be done in FF/IE?

HTML:

<input type="text" value="test" disabled />

CSS:

input[type="text"][disabled] {
    background-color: #f00;
}

Answer 1

You can do this:

input[type="text"][disabled],
input[type="text"]:disabled {
    color: #ff0;
    background-color: #f00;
}

<input type="text" value="test" disabled />

JSFiddle: http://jsfiddle.net/jonsuh/brbktnvv/