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

430 ワード

ブラウザ css IE chrome

属性が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;
}