ラジオボタンジェネレーター
ラジオボタンのデザインを自由にカスタマイズできるジェネレーターです。
どのブラウザでも共通の見た目のラジオボタンを表示可能です。
また、キーボード操作（Tab）でフォーカスが当たるように実装しています。
出力されるコードをコピペで簡単に使えます。
スポンサーリンク
テンプレートからカスタマイズを開始
（※現在のカスタマイズ内容はリセットされます）
カスタマイズ
プレビュー
<label class="radioItem">
<input type="radio" name="radio" value="選択肢1" class="radioButton" checked />
選択肢1
</label>
<label class="radioItem">
<input type="radio" name="radio" value="選択肢2" class="radioButton" />
選択肢2
</label>
<label class="radioItem">
<input type="radio" name="radio" value="選択肢3" class="radioButton" />
選択肢3
</label>使用上の注意
- モダンブラウザでの使用を想定しており、IEや古いバージョンのブラウザではサポートされていないCSSプロパティを含む場合があります。
- 当サイトのリセットCSSは「modern-normalize.css」をベースにしています。ご自身のプロジェクトで利用するリセットCSSやその他のCSSによって、プレビューの見た目と差異が生じる場合があります。
スポンサーリンク
