擬似クラス read-write
擬似クラス read-write は、
値の編集が可能な入力フィールドの
スタイルを設定します。
構文
セレクター:read-write {}
例
編集可能な入力フィールドに 青色のボーダーを設定してみましょう：
<p>
<label>テキストを入力</label>
<input type="text">
</p>
<p>
<label>読み取り専用テキスト</label>
<input type="text" value="テキスト" readonly>
</p>
input:read-write {
border: 1px solid #467CBC;
}
input:read-only {
border: 1px solid #D8DFE8;
}
:
関連項目
-
擬似クラス
:read-only,
編集不可能な入力フィールドのスタイルを設定します -
擬似クラス
:default,
デフォルトの要素のスタイルを設定します -
擬似クラス
:indeterminate,
不確定な状態にあるトグル要素のスタイルを設定します -
擬似クラス
:optional,
required属性が設定されていない入力フィールドのスタイルを設定します -
擬似クラス
:required,
required属性が設定されている入力フィールドのスタイルを設定します -
擬似クラス
:focus-within,
フォーカス内の要素のスタイルを設定します -
プロパティ
caret-color,
入力フィールド内のテキストカーソルの色を設定します
