The :read-only and :read-write pseudo-classes are applied to controls when the instance data they are bound to has a model item property of readonly with a value of true or false.
The CSS classes needed to style controls are:
.pc-read-only {
background-color : #E0E0E0;
}
.pc-read-write {
background-color : #FFFFFF;
}