Ruby On Rails form_for 复选框太小答案

【问题标题】：Ruby On Rails form_for Checkbox Too SmallRuby On Rails form_for 复选框太小
【发布时间】：2013-01-07 13:32:23
【问题描述】：

在我的表单中格式化 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 引导程序，因此任何使用它的解决方案都可以很好地工作。

【问题讨论】：

标签： css ruby-on-rails ruby twitter-bootstrap form-for

【解决方案1】：

添加 CSS 类和样式选项。

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

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

也许这会对你有所帮助。

【讨论】：

它使小复选框周围的区域变大

【解决方案2】：

您可以使用 CSS 解决它。在您的 css 文件中添加：

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

根据需要调整大小。

【讨论】：

【解决方案3】：

如前所述，只需使用 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>

【讨论】：