在IE7中使用jQuery修改STYLE块

Question

我让用户通过CSS代码更新<style>元素onchange来为用户更新可自定义小部件的样式。

JS：

function updateWidgetStyling() {
    $("#stylePreview").html( $('#WidgetviewCustomCSS').val() );
}

HTML：

<style id="stylePreview">
...
</style>

<textarea name="data[Widgetview][customCSS]" cols="30" rows="6" 
onchange="updateWidgetStyling()" id="WidgetviewCustomCSS">...</textarea>

适用于Chrome，Firefox和＆ IE9，但不是IE7。

知道如何让它在那里工作吗？这很不幸，但我们是B2B并且需要IE7支持。

提前致谢。

Answer 1

不是更新样式表，而是从DOM中删除它并插入一个新样式表。这应该触发页面的完全重新呈现。