2

checkboxフォームのフォーマットに問題があります。

現在、私のフォームでは非常に小さく見えますが、大きくする方法がわかりません。

コードは次のようになります。

<%= f.label :email %>   <%= f.email_field :email %>

<%= f.label :password %>   <%= f.password_field :password %>

<%= f.label :remember_me %>     <%= f.check_box :remember_me %>

CSSで解決できる問題かもしれませんが、現在、他のフィールドでは使用されていません。

もう少し情報がありますが、私はTwitterブートストラップを使用しているので、それを使用したソリューションはどれもうまく機能します。

4

3 に答える 3

5

CSS クラスとスタイル オプションを追加します。

<%= f.check_box :remember_me, :class => "css_class" %>

<%= f.check_box :remember_me, :style => "width: 50px; height: 50px;" %>

これはあなたを助けるかもしれません。

于 2013-01-07T13:41:42.460 に答える
3

CSSで解決できます。css ファイルに次を追加します。

input[type='checkbox'] {
   width: 50px;
   height: 50px;
}

必要に応じてサイズを調整してください。

于 2013-01-07T13:44:02.543 に答える
0

前述のように、css を使用してチェックボックスのデフォルト サイズを変更するだけです -

Checkbox code:

<%= f.check_box :remember_me, :class => "css_class" %>

CSS code:

<style type="text/css">
input.css_class
{
width: 30px;
height: 30px;
}
</style>
于 2013-01-07T13:52:14.997 に答える