:read-only クラス

　:read-only クラスは、readonly 属性が設定されているエレメントを対象に、スタイルを反映する擬似クラスです。

　主に<input>、<textarea>といった<form>部品に設定ができます。

:read-only クラス

別窓で表示します。

　対になる疑似クラスに :read-write クラスがあります。詳しくは :read-writeクラスを参照してください。

構文(Syntax)

HTMLElement:read-only {
  style_propaties;
}

　疑似クラスはDOM ( JavaScript )から操作できません。
　スタイルのみの操作は擬似クラスを利用したほうが簡易です。

　:read-onlyの例です。