【问题标题】:How to set display property inline with !important [duplicate]如何设置显示属性内联!重要[重复]
【发布时间】:2013-12-04 03:41:43
【问题描述】:

我想使用 javascript 代码编写 内联样式block !important。代码如下所示

element.style.display = 'block !important'; // This does not work (Approach 1)

然而,

element.style = 'display:block !important'; // works perfectly (Approach 2)

但是方法 2 是不可接受的,原因很明显它会覆盖早期的内联样式。您可以在 DEMO at Jsbin

中看到这一点

Q1:如何使用 javascript 设置 display: block !important 属性,并且它必须是内联的。

Q2:我想知道为什么 Approach1 不起作用?

【问题讨论】:

  • 这是另一个很好的解决方案:element.setAttribute ('style', 'display: block !important;');

标签: javascript css styles inline


【解决方案1】:

我认为它会帮助你:

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

【讨论】:

    猜你喜欢
    • 2011-03-07
    • 1970-01-01
    • 2012-02-29
    • 2014-09-22
    • 2014-07-09
    • 2021-01-15
    • 1970-01-01
    • 2015-01-24
    • 2018-01-28
    相关资源
    最近更新 更多