使用 Zurb Foundation (Rails 4.0) 更改文本输入大小答案

【问题标题】：Changing text input size with Zurb Foundation (Rails 4.0)使用 Zurb Foundation (Rails 4.0) 更改文本输入大小
【发布时间】：2014-11-26 09:16:33
【问题描述】：

我尝试了以下方法：

<%= f.text_field :text, :style => "font-size:40px"%>

这会增加字体大小，但不会像通常没有基础那样增加输入框本身。有没有办法在不改变全局默认值的情况下从基础内部做到这一点？

我只想要一个输入字段。

【问题讨论】：

我在我的 Rails 4 项目之一中使用 Foundation 4，并且无法重现此行为。设置更大的字体（如您所做的那样）会自动放大文本输入。
截图如下：oi62.tinypic.com/1552jia.jpg
你能粘贴生成的 HTML 吗？

标签： ruby-on-rails ruby-on-rails-4 zurb-foundation

【解决方案1】：

如果我没记错的话，我想你可以设置大小。

试试

<%= f.text_field :text, :size => 20 %>

【讨论】：

无效。字体和文本框保持默认 14

【解决方案2】：

使用列类设置宽度，使用下面的“大小”设置高度：

    <div>
      <%= f.text_area :content, size: 'x5' %>
    </div>

【讨论】：