2

Bootstrap 3 入力グループを使用して、複数行のテキストエリアを作成しようとしています。問題は、IE 9 (他の IE バージョンはチェックしていません) では、テキストエリアの左側に入力グループアドオンがあると、テキストがテキストエリアからはみ出すことです。

問題の jsfiddle 再現

jsfiddle を確認します。

jsfiddle のレクリエーション

水平スクロールバーが表示されます。テキスト ボックスは「終了」しますが、添付の写真でわかるように、テキストがはみ出します。問題のもう 1 つの側面は、1 行のテキスト ボックスを使用すると、水平スクロール バーが再び表示されることです。ただし、この場合、テキストはオーバーフローしていません。

これに関するアイデアはありますか？これらの問題は、他のブラウザーでは発生しません。IE (9) だけです。

HTML:

<div class="input-group input-group-lg">
    <span class="input-group-addon">Text</span>
    <input class="form-control" placeholder="Text" id="RandomBox" />
</div>

<div class="input-group input-group-lg">
    <span class="input-group-addon">Message</span>
    <textarea class="form-control" cols="5" rows="10" placeholder="Message" style="height: auto;" id="MessageBox">123456789   12345678912 35 6123</textarea>
</div>

4

1 に答える 1

3

同様の問題があり、この質問への回答のアドバイスに従うことが役立つことがわかりました。基本的に、クラス「pull-left」をテキストエリアに追加し、に変更しclass="form-control"ますclass="form-control pull-left"。

于 2013-12-16T18:05:54.533 に答える