2013-02-03 6 views
8

formsに関するドキュメントを読みましたが、入力テキストを大きくする方法については何も言及していません。大規模な私は、Groovesharkのの検索ボックスが大きくタイポグラフィと寸法で、前にあったように、例えば、意味:Zurb Foundationを使用して大きな入力テキストを作成する正しい方法は何ですか

A text box like that would be cool :)

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

ありがとう:

はこれまでのところ、私は、次のような基本的な入力フォームがあります。

答えて

6

FoundationのUIツールセットには正しい方法はありません。これを実現するには、独自のCSSをapplication.cssに適用する必要があります。例えば

:これが唯一のこの特定の例では動作することを

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

注意、あなたはすべての入力テキストにこのスタイルを設定しないようにするための検索入力要素にいくつか#idを追加する必要があります。

+0

"height"属性も追加しました。ありがとう! – Eduardo

+0

また、行の高さは、接尾辞の調整が必要な場合があります。 –

関連する問題