在Safari中动态修改CSS规则

Question

根据此示例，访问我的样式表适用于我：https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model/Using_dynamic_styling_information

document.styleSheets[1].cssRules[0].style.backgroundColor="blue";

这适用于我测试的其他浏览器，但不适用于Safari。即使是我链接的页面也无法在Safari上运行（它可以在iPhone上运行但不适用于Mac） - 背景颜色仍然是红色。

是否有适用于Safari的替代方案？

顺便说一下，Mozilla的文档有一些矛盾 - 这个页面说样式属性是只读的：https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleRule

但是他们在一个例子中对它进行了修改，人们也在整个网络的例子中进行了修改。所以我不确定问题出在Safari中。无论哪种方式，我都需要一种工作方式来动态更改CSS规则。