Styling readonly attributes with CSS
There may be times in which you need to style inputs which have been set with a readonly state.
In which case you can simply include the readonly attribute in your CSS selector to target this particular state:
input[readonly]
{
background-color:#ccc;
}
