2

checkbox我在我的表单中格式化 a 时遇到问题。

它目前在我的表格中看起来非常小,我不知道如何让它变大。

代码如下:

<%= 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,因此任何使用它的解决方案都可以很好地工作。

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 回答