このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

:read-write”擬似クラスCSS Selectors Level 4で追加

記事Jul. 15th,2021
ユーザーが編集できる要素を選択する擬似クラス、“:read-write”について
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

:read-write”擬似クラス

:read-write”擬似クラスはユーザーによる編集が可能な要素を選択する擬似クラスです。

どの状態が編集可能な状態なのかは文書の記述言語によって定義されます。

HTMLでは以下の要素が場合に“:read-write”擬似クラスによって選択されるとしています。

:read-write”擬似クラスで選択されない要素は:read-only”擬似クラスに選択されます。

使用例

input:read-only {
border: solid 5px #43676b; /**/
}

input:read-write {
border: solid 5px #00a381; /**/
}
<p><label>猫が好きですか?:<input type="text" value="好き" readonly></label></p>
<p><label>犬が好きですか?:<input type="text"></label></p>

仕様書

定義されている仕様書
Level 1 Level 2 Level 3 Level 4
勧告(REC) 勧告(REC) 勧告(REC) 作業草稿(WD)
:read-write
定義なし

定義なし

定義なし

定義あり
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク