Question

我在格式化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 bootstrap，所以任何使用它的解决方案都会很有效。

Answer 1

添加CSS类和样式选项。

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

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

可能会对你有帮助。

Answer 2

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

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

根据您的需要调整大小。

Answer 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>

Ruby On Rails form_for Checkbox太小了

3 个答案: