CSSだけでradio chackboxをカスタマイズする内容ってほとんどがHTML構造気持ち悪いよね。 - nanndemoiikara’s diary

マークアップエンジニアの です。 CSSだけでRadioボタンの作り方みたいな内容の記事をよくお見かけしますが殆どのマークアップが気持ち悪く感じるのは僕だけでしょうか？ 大体が <section> <input type="radio" name="hoge" value="テストRadio" id="radio_item" checked /> <label for="radio_item" class="radio">TestRadio</label> </section> 繰り返す様ですが コレって気持ち悪いし使いづらいと思うのは僕だけでしょうか？ 気持ち悪いと思う点 labelタグの使い方 チェックさせる為にid属性をわざわざ振っちゃう radioボタンに紐づくtextが存在しない場合にどうする気ですか？ Tab移動意識してますか？ で、気持ち悪い気持ち悪いと言っていても問題は解

[zuzu_sion]

ベストな方法。今後これ使う

[aoiasaba]

しんど

[honeybe]

長年最適な方法を探し求めていた。隣接セレクタの奴構造的に気に入らなかったんだけど他に良いやり方を思いつけずに仕方なしに採用してた。以後この方式採用する。大変ありがたい。

[wordi]

CSSでradioボタンをデザインする際にidを使わないで済ます

[neilling]

Labelタグの使い方のバリエーション。

[jshimazu]

checkbox, radioの実装、よく見かける隣接セレクタよりこっちのほうが汎用性ある