Html 使用ZURB基金会创建大输入文本的正确方法是什么？

我已经阅读了有关的文档，但没有说明如何使输入文本更大。我的意思是更大，例如，就像Grooveshark以前的搜索框一样，具有更大的字体和尺寸：

<>我已经看过了，但是它谈到了标题、列表等等。也许有一种方法可以把它应用到输入文本中，但是我对基金会很陌生，我不知道正确的方法。我还看到，例如，您可以控制它们使用各自的类“大”、“中”、“小”和“小”的大小，但是如果我想使输入文本与按钮一样大，该怎么办

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

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

搜寻

---

谢谢。

根据基金会的UI工具集，没有正确的方法。为了实现这一点，您必须将自己的CSS应用到application.CSS

例如：

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

---

请注意，这仅适用于此特定示例，您需要向搜索输入元素添加一些

#id

，以避免将此样式设置为所有输入文本。

我还添加了“height”属性。谢谢此外，行高度可能需要调整后缀。