8

フォームに関するドキュメントを読みましたが、入力テキストを大きくする方法について何も述べていません。たとえば、以前の Grooveshark の検索ボックスのように、文字体裁と寸法が大きくなっています。

そのようなテキストボックスはクールでしょう:)

タイポグラフィを読んだことがありますが、ヘッダーやリストなどについて書かれています。これを入力テキストに適用する方法はおそらくあると思いますが、Foundation を初めて使用するので、正しい方法がわかりません。ボタンの場合、「大」、「中」、「小」、「極小」の各クラスを使用してボタンの大きさを制御できることもわかりましたが、入力テキストを次のように大きくしたい場合はどうすればよいですかボタン？

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

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

ありがとう。

4

1 に答える 1

6

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

例えば：

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

これはこの特定の例でのみ機能することに注意してください#id。このスタイルをすべての入力テキストに設定しないようにするには、検索入力要素にいくつか追加する必要があります。

于 2013-02-05T11:55:15.420 に答える