CSSでラジオボタンをスマホブラウザでiPhoneっぽいボタンにHTML <ul> <li> <input type="radio" id="male" name="sex" value="男性" /> <label for="male">男性</label> </li> <li> <input type="radio" id="female" name="sex" value="女性" /> <label for="female">女性</label> </li> </ul> 原理はラジオボタンの選択範囲を広げ透明にする。最低限必要なものは以下のコード。 li{ float: left; position: relative; width: 70px; } li input { height: 100%; width: 100%; opacity: 0; position: absolute; top: 0; left: 0; } このやり方ではじめ
