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

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

概述我已经阅读了有关 forms的文档,并且没有任何关于如何使输入文本更大的说法.我的意思是更大,例如,Grooveshark的搜索框之前,有更大的排版和尺寸: 我已经阅读了typography,但它谈到了标题,列表等.可能有一种方法可以将它应用于输入文本,但我对基金会来说真的很新,我不知道正确的方法.我还看到,对于buttons,你可以控制它们使用相应类的大小,“大”,“中”,“小”和“小”,但是如 我已经阅读了有关 forms的文档,并且没有任何关于如何使输入文本更大的说法.我的意思是更大,例如,grooveshark的搜索框之前,有更大的排版和尺寸:

我已经阅读了typography,但它谈到了标题,列表等.可能有一种方法可以将它应用于输入文本,但我对基金会来说真的很新,我不知道正确的方法.我还看到,对于buttons,你可以控制它们使用相应类的大小,“大”,“中”,“小”和“小”,但是如果我想让我的输入文本像按钮?

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

<form>   <div >    <div >      <@R_404_5983@ type="text" placeholder="Type here what you want" />    </div>    <div >      <a >Search</a>    </div>  </div></form>

谢谢.

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

例如:

@R_404_5983@[type=text] {    Font-size: 24px;}

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

总结

以上是内存溢出为你收集整理的html – 使用Zurb Foundation创建大型输入文本的正确方法是什么全部内容,希望文章能够帮你解决html – 使用Zurb Foundation创建大型输入文本的正确方法是什么所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1133820.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-30
下一篇2022-05-30

发表评论

登录后才能评论

评论列表(0条)

    保存