Chrome控制台/ devtools无法更新css属性:动态样式表操作

时间:2014-03-24 21:56:49

标签: javascript css webkit stylesheet google-chrome-devtools

我一直在尝试使用样式表方法(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/

期待您的回音!

0 个答案:

没有答案