CSS3 Pre-Reference



:checked

チェックされたUI

試す

コード

input:checked { }

サンプル

チェックされているボックスが右に移動します。色や背景が指定できないブラウザが多いための措置です。

コメントする


対応ブラウザ

Firefox
Chrome/Safari
すべて
Opera
InternetExplorer
まだ

パラメータ

レベル 3
参考文献 Selectors Level 3#6.6.4.2. The :checked pseudo-class

解説

チェックされたUIを指定します。HTMLで言うラジオボタンやチェックボックスで選択されている状態です。まだチェックされていないUIを指定するセレクタはありません。

HTMLで言うフォームが”UI”に該当しますが、それ以外にもあり得ます。

トラックバック

投稿されたコメント