サイズはレールで

Question

2.

<%= f.radio_button :field_name, 2 %> 
<%= f.radio_button :field_name, 1 %> 
<%= f.radio_button :field_name, 0 %> 

これらを通じて、私は回答0とラジオボタンのシリーズを持っているモバイルデバイスのためのjQueryモバイルを使用して3.0アプリをjqueryの携帯を使用してモバイルアプリでラジオボタンを生成しましたラジオボタンは、携帯用のタッチスクリーンでは、見た目が良くなく、使いやすいほど小さすぎます。私はjquery mobileのタグにそれらを囲みてみました：

<div data-role="fieldcontain"> 
    <fieldset data-role="controlgroup"> 
     <legend>Enjoy</legend> 
     <%= f.radio_button :field_name, 2 %> 
     <%= f.label :field_name, "blah" %> 
     <%= f.radio_button :field_name, 1 %> 
     <%= f.label :field_name, "blah" %> 
     <%= f.radio_button :field_name, 0 %> 
     <%= f.label :field_name, "blah" %> 
    </fieldset> 
</div> 

まだ小さいです。レールの代わりにhtmlを使ってボタンを作ることができますが、私はむしろそうしたくありません。ラジオボタンのサイズを増やすオプションはありますか？ jqueryのモバイル形式になるhtmlを生成するために、レールコードを操作する方法はありますか？私が考えなかった別の可能性はありますか？

ありがとうございました。

ご意見はthisですが、回答はありません。また、11月11日以降に更新されていません。

Answer 1

スタイルCSSを使用してラジオボタンを：また

.radio_buttons_class { 
    height:6em; 
    width:6em; 
} 

Answer 2

、あなただけのjQueryのモバイルグループ化ボタン「見た目」（余分なCSS必要）を取得するために、HTML「のラベル」を使用することができます。生成されたラジオボタンのソースを表示し、ラベルをボタンに一致させるだけです。id：

<div data-role="fieldcontain"> 
    <fieldset data-role="controlgroup"> 
     <legend>Enjoy</legend> 

      <%= f.radio_button :field_name, 0 %> 
      <label for="field_name_0">Zero</label> 

     <%= f.radio_button :field_name, 1 %> 
     <label for="field_name_1">One</label> 

      <%= f.radio_button :field_name, 2 %> 
      <label for="field_name_2">Two</label> 
     </fieldset> 
</div>