cssだけでcheckboxやradioのデザインを変更の応用で、 Javascriptを使わず2択スイッチのデザインを付ける方法です。 IE8ではデフォルトのラジオボタンが表示され、IE9以上ではスタイルが適用されます。 スタイル適用前 ソース 隣接セレクタ(+)を使うので、ラジオボタンはlabelの直前に置きます。 <div class="sample"> <div class="either"> <input type="radio" name="dummy" id="dummy_1" value="1" checked="checked" /> <label for="dummy_1" data-label="ON">ON</label> <input type="radio" name="dummy" id="dummy_0" value="0" /> <label for="d