チェックボックスとラベルの話【CSS編】 - Little Strange Software

どうも！LSSです！！ チェックボックスとラベルの話【HTML編】 の続き。 チェックボックスとラベルを紐づけたところで、それに対してCSSから効果を与える方法について書きます。 CSSセレクタについての話が中心になります。 こっちあっち この仕組みを使うと、クリックで切り替わり↑のような動作をするものが作れたりします。 idによる指定の場合 idを使わないで更にラベルが２つある場合の指定 チェックボックスを画面上で見せなくてもいい場合 まとめ idによる指定の場合 ↓このように、チェックボックスと、それに紐づいたラベルがあります。 ここをクリック コード <input id="chkbx2" type="checkbox" /> <label for="chkbx2">ここをクリック</label> この「チェックボックスにチェックが入った時」に、ラベルの文字の背景色がピンク色に変わるよ

[odanoura]

使い道はともかく凄い

[kefugahi]

これも面白いです、オンとオフですね。なにか他と合わせて生かせればよいですが、とりあえずは思い付かないなぁ…。

[hanahirako]

解説はなんとなーくわかったような気になってます(^_^;)

[ta-sanpapa]

pちゃんは本当に楽しいと思っているのだろうか？

[hukunekox]

クリックするのが楽しくなる〜😆✨

[tket]

面白く読ませて（クリックさせて）いただきました(^^)こんなこともできるんですね・・！

[tn198403s]

まだ記事を理解できていませんが、かなり利用度が高そうな気がします！気になるCSSが増えていくばかりで、使いこなせないのがもどかしいです。