我一直在尝试使用样式表方法(deleteRule / removeRule / insertRule)通过javascript动态操作CSS属性。它工作得很好但是当我检查 Chrome控制台时,它不会刷新新的CSS更改。
这里有一个例子:
http://jsfiddle.net/Pz69E/4/
全屏示例:http://jsfiddle.net/Pz69E/4/show
它使用简单的外部样式表文件:body { background-color: black; }
脚本变为黄色,删除规则(使用deleteRule)并添加新规则(insertRule)。
如果您现在通过正文检查chrome控制台,它将具有相同的第一个属性{ background-color: black; }
,而不更新新的更改。 :(
你们知道为什么会这样吗?
谢谢!
EDITED
出于某种原因,我的例子在过去12小时内没有工作,现在它应该再次运作:http://jsfiddle.net/Pz69E/4/
期待您的回音!