使用 JavaScript 更改具有 !important 声明的样式规则

发表于 | | 阅读次数

如果在 CSS 中使用 !important 属性声明规则，那么在 JavaScript 中需要使用 cssText 属性对样式进行修改。

  • 如果元素仅有一条规则，可以直接将新规则（带 !important 声明）复制给 cssText：

    1
    element.style.cssText = 'display:inline !important';

  • 如果元素具备多条规则，则需要将新规则加到 cssText 中：

    1
    element.style.cssText += 'display:inline !important';

参考资料：

0%