使用Zurb Foundation创建大型输入文本的正确方法是什么？

Question

我已经阅读了有关forms的文档，并且没有任何关于如何使输入文本更大的说法。我的意思是更大，例如，Grooveshark的搜索框之前，有更大的排版和尺寸：

我已经阅读了typography，但它谈到了标题，列表等。可能有一种方法可以将它应用于输入文本，但我对基金会来说真的很新，我不知道对这样做的方法。我也看到，对于buttons，你可以控制它们使用各自类的大小，“大”，“中”，“小”和“小”，但如果我想输入怎么办？文字和按钮一样大吗？

到目前为止，我有一个基本的输入表格如下：

<form> 
  <div class="row">
    <div class="ten mobile-three columns">
      <input type="text" placeholder="Type here what you want" />
    </div>
    <div class="two mobile-one columns">
      <a class="button expand postfix">Search</a>
    </div>
  </div>
</form>

感谢。

Answer 1

根据Foundation的UI工具集，没有正确的方法。您必须将自己的CSS应用于application.css才能实现此目的。

例如：

input[type=text] {
    font-size: 24px;
}

请注意，这仅适用于此特定示例，您需要向搜索输入元素添加一些#id，以便不将此样式设置为所有输入文本。