javascript - 使用文本区域和 CSS 字体大小在 Internet Explorer 中出现故障

Question

我创建了一个 js(使用 jQuery)来通过更改 css 来更改文本区域内文本的大小。按下一个按钮，调用下一个 JavaScript:

$("#id").css("font-size",fontsize + "px");

它正在运行。但是使用 Internet Explorer(至少是版本 9)，文本会超出文本区域的范围，但如果我编辑文本，它会自动排列。

例子:

改变大小前的文字

更改大小后的文本。 这只发生在 IE 上

编辑文本区域后的文本。这是在 Chrome 中获取的结果，但对于 IE，这只会在编辑后发生

对我来说，这是一个小故障，有什么解决方法可以解决它吗？

Answer 1

我认为这对你有用:

var value=$("#id").value();
$("#id").css("font-size",fontsize + "px").replaceWith( $("#id").clone().val(value) );

我所做的只是将元素重新插入到 DOM 中。我认为这是解决这个烦人的错误的唯一方法。

编码愉快!