当用户键入一些文本时,IE textarea 的宽度会发生变化

Posted

技术标签:

【中文标题】当用户键入一些文本时,IE textarea 的宽度会发生变化【英文标题】:IE textarea width changes when user types some text 【发布时间】:2010-10-23 20:34:08 【问题描述】:

我有一个页面,其中有一些 textarea 和 html 控件。这些元素被放置在一个 div 标签中:

在 IE 7 中,用户在 textarea 中键入一些文本后,textarea 的宽度会自行改变:

现在,如果用户在文本框中键入一些文本,则 textarea agian 将返回其原始宽度:

有没有人遇到过类似的问题?

【问题讨论】:

你有一些我们可以看的代码吗?我不确定我们可以在没有一些 HTML/JS/CSS 的情况下解决这个问题 感谢您的提问。我遇到了完全相同的问题。 【参考方案1】:

为文本字段设置宽度(以 px 为单位)。 应该解决扩展行为。

【讨论】:

希望有更好的方法。它可以工作,但是......啊,加重了,让事情在 ie6 中工作【参考方案2】:

我目前在 IE8 和 IE9 上面临同样的问题。就我而言,文本区域在我输入时会扩展到窗口的全宽。当焦点转移到任何其他组件时,它会恢复到原始宽度。经过足够的阅读并尝试了几件事,我的观察是,如果我们用fieldset 标签包裹文本区域,宽度就会得到控制。但是,目前在尝试它时,宽度似乎达到了适当的宽度,但是随着最初的 DOM 加载,textarea 的宽度似乎减小了,然后它扩展到了适当的宽度。虽然很小,但它仍然是我的应用程序中的一个错误,我无法理解这种行为。任何帮助表示赞赏。

这是目前(部分)对我有用的:

<fieldset>

<textarea> </textarea>

</fieldset>

【讨论】:

以上是关于当用户键入一些文本时,IE textarea 的宽度会发生变化的主要内容,如果未能解决你的问题,请参考以下文章

在 textarea 上键入时突出显示文本

IE 只读 textarea 问题

jQuery - 从文本区域中删除用户输入文本

键入文本时扩展的 CSS Textarea [重复]

在 Safari 中隐藏 textarea 调整大小句柄

在 Safari 中隐藏 textarea 调整大小句柄