CSSだけで作るスマホ向けラジオボタン | Agnist.code

スマホだとラジオボタンみたいな細かい要素は押しにくいのでサクッと作ったものを共有します。 表示サンプルクリックで選択状態の方が黒く塗りつぶされます。 IE8以下は非対応。そもそもスマホ用なのでいらんでしょう。 HTML<ul class="radios"> <li> <input type="radio" name="radio1" value="on" id="radio1-1" checked="checked" /> <label for="radio1-1">ON</label> </li> <li> <input type="radio" name="radio1" value="off" id="radio1-2" /> <label for="radio1-2">OFF</label> </li> </ul> ミソとしては、 <label> の中に <input> を入れず、

[canna_koritan]

“display:inline-block; position:relative; float:left;”