I've read the documentation about forms and there is nothing saying about how to make input texts larger. Larger I mean, for example, as the Grooveshark's search box was before, with bigger typography and dimensions:
我已经阅读了有关表单的文档,没有任何关于如何使输入文本更大的说法。我的意思是更大,例如,Grooveshark的搜索框之前,有更大的排版和尺寸:
I've read the typography but it talks about headers, lists, etc. Probably there is a way to apply this to the input text, but I am really new to Foundation and I do not know the right way to do that. I saw also that, for buttons, you can control how large they are using the respective classes, "large", "medium", "small", and "tiny", but what if I want to make my input text as large as the button?
我已经阅读了排版,但它讨论了标题,列表等。可能有一种方法可以将它应用于输入文本,但我对基金会来说真的很新,我不知道正确的方法。我还看到,对于按钮,你可以控制它们使用相应类的大小,“大”,“中”,“小”和“小”,但是如果我想让我的输入文本像按钮?
So far, I have a basic input form as following:
到目前为止,我有一个基本的输入表格如下:
<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>
Thanks.
谢谢。
1 个解决方案
#1
6
There is no correct way as per Foundation's UI toolset. You will have to apply your own CSS to application.css in order to achieve this.
根据Foundation的UI工具集,没有正确的方法。您必须将自己的CSS应用于application.css才能实现此目的。
For example:
例如:
input[type=text] {
font-size: 24px;
}
Note that this works only in this particular example, you would need to add some #id
to the search input element in order not to set this style to all input texts.
请注意,这仅适用于此特定示例,您需要在搜索输入元素中添加一些#id,以便不将此样式设置为所有输入文本。
#1
6
There is no correct way as per Foundation's UI toolset. You will have to apply your own CSS to application.css in order to achieve this.
根据Foundation的UI工具集,没有正确的方法。您必须将自己的CSS应用于application.css才能实现此目的。
For example:
例如:
input[type=text] {
font-size: 24px;
}
Note that this works only in this particular example, you would need to add some #id
to the search input element in order not to set this style to all input texts.
请注意,这仅适用于此特定示例,您需要在搜索输入元素中添加一些#id,以便不将此样式设置为所有输入文本。