如何使用JavaScript为样式表规则添加!important？

Question

我有一个参考CSSStyleRule的JavaScript对象,我想更新的风格border-top-color来red !important.如果我分配值red,则不会出现问题.如果我赋值red !important,则忽略该值(即未分配).

myStyleSheetRule.style.borderTopColor = 'red'; // success
myStyleSheetRule.style.borderTopColor = 'red !important'; // fail

如何设置!important标志？

请注意,必须通过以编程方式访问的样式表规则来完成.在我的用例中,我无法分配样式属性或其他任何内容.我在Windows 7上使用Chrome.

Answer 1

尝试：

myStyleSheetRule.setAttribute('style', 'border-top-color:red !important');

这将内联添加它。