CSSリファレンスマニュアル

CSS @ルール(RULES)

CSS属性全書

CSS3 :checked 選択子

:checked CSS 伪类选择子は、どのradio( <input type="radio">)、checkbox ( <input type="checkbox">) または("select") オプションHTML要素("option")の選択状態にある要素を示します。

完全なCSS選択子リファレンスマニュアル

オンラインサンプル

すべての選択された入力要素に背景色を設定する：

例

<!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">　
<title>基本チュートリアル(oldtoolbag.com)</title>　
<style>　
input:checked　{
　　　　height:　55px;
　　　　width:　55px;
}
</style>
</head>
<body>
<form　action="">
<input　type="radio"　checked="checked"　value="male"　name="gender"　/>男性<br>
<input　type="radio"　value="female"　name="gender"　/>　女性<br>
<input　type="checkbox"　checked="checked"　value="Bike"　/>　自転車<br>
<input　type="checkbox"　value="Car"　/>　乗用車
</form>
</body>
</html>

テストをしてみる ‹/›

定義と使用方法

:checked 選択子は、各選択された入力要素（ラジオボタンまたはチェックボックスのみに適用）に一致します。

ブラウザの互換性

テーブルの数字は、その属性をサポートする最初のブラウザのバージョン番号を示しています。

選択子
:checked	4.0	9.0	3.5	3.2	9.6

完全なCSS選択子リファレンスマニュアル

CSS関数（Functions）CSS選択子全書