我正在动态创建一个大型样式表作为字符串,并希望将其注入iframe。最初我这样接近它:
var css = '.newstyle { margin: 20px; } .newstyle2 { margin: 20px; }';
$('iframe').contents().find('head').append('<style type="text/css">'+css+'</style>');
不幸的是,IE7不喜欢这种方法。我不确定如何处理这种注射。是否有跨浏览器解决方案,使我能够从字符串中注入大量的CSS?
答案 0 :(得分:2)
您可以将document.stylesheets
用于此目的。它使您可以访问页面中的样式表。
查看这篇文章:http://kentbrewster.com/creating-dynamic-stylesheets/ - 它有点旧,而不是以jQuery为中心,但我相信你可以根据自己的需要进行调整。几年前我就已经使用过这种技术了,我相信在经过一些调整之后,它在所有浏览器中都运行良好。
以下是有关stylesheets
属性的更多信息: