属性readonlyのinputのスタイルを設定する


属性がreadonlyのinputではユーザがコンテンツを入力することは許されないが、ieまたはchromeでは、属性がreadonlyのinputと一般のinputはインタフェースから見て何の違いもなく、ユーザの入力に少し不便をもたらす.cssを設定することで区別できます.
 
ieブラウザで:
input{background-color:expression((this.readOnly && this.readOnly == true)? "#efefef":"");}

 
chromeの中で
input[readonly]{
	background-color: #efefef;
}