エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
UI要素状態擬似クラス (E:checked)|セレクタ|CSS HappyLife ZERO
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
UI要素状態擬似クラス (E:checked)|セレクタ|CSS HappyLife ZERO
CSS3で定義された、UI要素状態擬似クラスのパターンE:checkedは、ラジオボタンやチェックボックスがチェ... CSS3で定義された、UI要素状態擬似クラスのパターンE:checkedは、ラジオボタンやチェックボックスがチェックされた時に適用されるセレクタです。 対応ブラウザ UI要素状態擬似クラスのサンプル input[type="checkbox"] { margin-right: 5px; } input[type="checkbox"]:checked { margin-right: 10px; } <p> <input type="checkbox" id="checkboxExample" name="hoge" value="1" /> <label for="checkboxExample"> チェックボックス</label> </p> チェックボックスにスタイルを指定しても殆ど適用されないので、こんなんですみません。 このサンプルを今見ているブラウザで表示すると以下のようになります

