擬似クラス read-write

擬似クラス read-write は、 値の編集が可能な入力フィールドの スタイルを設定します。

構文

cssセレクター:read-write {}

例

編集可能な入力フィールドに 青色のボーダーを設定してみましょう：

html<p>
  <label>テキストを入力</label>
  <input type="text">
</p>
<p>
  <label>読み取り専用テキスト</label>
  <input type="text" value="テキスト" readonly>
</p>

cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

関連項目