FlatUIでラジオボタンをスタイリングする方法

FlatUI http://designmodo.github.io/Flat-UI/
は、TwitterBootstrapをベースにしたUIコンポーネントです。
フォーム部品もいい感じのものが揃っていて便利です。

今回はFlatUIを使ったラジオボタンのスタイリングをやります。
まずはラジオボタンのマークアップをします。

<label class="radio">
  <input type="radio" name="color" value="blue" data-toggle="radio"> 青
  <input type="radio" name="color" value="red" data-toggle="radio"> 赤
</label>

次にラジオボタン生成用のスクリプトを読み込みます。
これはダウンロードしたリソースの中に入っているものです。

<script src="flatui-radio.js"></script>
<script>
  $(function(){
    $(':radio').radio();
  });
</script>

これでOKです。