如何使用 JavaScript 设置带有 !important 的样式？ [复制]

Question

除了尝试添加!important 时，我没有任何问题。它只是不会采取。我需要添加它以动态覆盖字体大小。

这是我调整样式的方法：

function newFont(newSizeA) {
    var elems = document.getElementsByClassName('a');
    for(i=0; i<elems.length; i++) {
        elems[i].style.fontSize = newSizeA + 'px!important';
    }

}

newFont(20);

使用!important 会失败，如果没有!important 则可以。

编辑：这需要回到 IE8，所以我希望有一个有人知道的跨浏览器解决方案。

Answer 1

您的 CSS won't parse !important 声明以这种方式编写（它只期望值空间中 fontSize 的合法值，这意味着数字，而不是数字和字符串）。相反，您可以通过设置style 属性来编写它。

根据QuirksMode 和MSDN，IE8 及更高版本应支持此功能。

function newFont(newSizeA) {
    var elems = document.getElementsByClassName('a');
    for(i = 0; i < elems.length; i++) {
        elems[i].setAttribute('style', 'font-size:' + newSizeA + 'px' + '!important');
    }

}

newFont(20);

<div class="a">asdf</div>