はじめに ラジオボタン、つまり、<input type="radio"> のクリック領域を広げて、かつ、見た目を変えてみたいと思ってCSSで色々いじくってみたときのメモです。とりあえず、<input type="radio"> を並べただけの以下のようなラジオボタンをカスタマイズしていきます。 <input type="radio" name="default" value="one" checked> 選択肢その1 <input type="radio" name="default" value="two"> 選択肢その2 <input type="radio" name="default" value="three"> 選択肢その3 CSSだけでこんな感じの旧来のラジオボタンとは違った見た目を目指します。 文字列の部分をクリック可能にする ラジオボタンのクリック対象は丸の部分だけです。