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

前端之家收集整理的这篇文章主要介绍了html – 使用Zurb Foundation创建大型输入文本的正确方法是什么前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经阅读了有关 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>

谢谢.

解决方法

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

例如:

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

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

猜你在找的HTML相关文章