css - ブートストラップcssフレームワークで入力テキストを大きくするには?

Question

次のようなブートストラップテキストボックスがあります。

 <input type="text" class="span9" required name="input_text"/>

入力ボックスを高さにしたい300px。幅については、span9 が処理します。Chrome で Inspect 要素を使用し、次のように css を上書きします。

input.span9, textarea.span9, .uneditable-input.span9 {
width: 852px;
height: 300px;

テキストボックスは、必要な高さと幅で見栄えがします。しかし問題は、大きなテキストボックスの間の小さな部分しか入力できないことです。ユーザーがテキストボックス全体に入力できるようにしたいのですが、テキストボックスが十分でない場合でも、スクロールを表示したいと考えています。それはどのように可能ですか？

score 5 · Accepted Answer

私のコメントによると、それは簡単な修正です。<textarea>の代わりにa を使用する<input>と、説明したとおりに機能します。

score 0 · Accepted Answer

あなたの質問に基づいて、問題は CSS font-size および/または line-height プロパティに関係しているようです。

input[text] 要素は、その親またはユーザーエージェント設定から font-size および line-height プロパティを継承します。

これを試して：

input.span9, textarea.span9, .uneditable-input.span9 {
width: 852px;
height: 300px;
font-size:92px;
line-height:92px;
}

「スクロールを表示する」限り、それは標準入力[テキスト]では不可能です。しかし、上記の例は、textarea 要素から期待されるスクロールを示しています。

したがって、解決策は、font-size および/または line-height CSS プロパティを微調整することです。

2 に答える 2