How to style readonly attribute with CSS?

html css css-selectors

Daphne · Mar 9, 2012 · Viewed 286.3k times · Source

I'm currently using readonly="readonly" to disable fields. I'm now trying to style the attribute using CSS. I've tried using

input[readonly] {
/*styling info here*/
}

but it is not working for some reason. I've also tried

input[readonly='readonly'] {
/*styling info here*/
}

that doesn't work either.

How can I style the readonly attribute with CSS?

Answer

input[readonly]
{
    background-color:blue;
}