2

使用 Bootstrap 3 输入组，我试图有一个多行的文本区域。问题是，在 IE 9 中（尚未检查其他 IE 版本），当 textarea 左侧有一个 input-group-addon 时，文本会伸出 textarea。

问题的 jsfiddle 娱乐

检查jsfiddle：

jsfiddle 的娱乐

出现水平滚动条 - 尽管文本框“结束”，但如您在所附照片中所见，文本溢出。问题的另一方面是当使用单行文本框时，水平滚动条再次出现——尽管在这种情况下没有文本溢出。

对此有什么想法吗？这些问题不会出现在其他浏览器中——它只是 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 回答