如何在 JavaScript 中覆寫 `!important` 樣式？

覆蓋!important 樣式

來自外部樣式表的此樣式聲明：

<code class="css">td.EvenRow a {
  display: none !important;
}</code>

防止JavaScript使用element .style.display = "inline" 或element.style.display = "inline !important" 將元素設定回可見。

解決方案：

要使用 JavaScript 覆蓋 !important 樣式，有幾個選項：

1。設定「樣式」屬性：

<code class="js">element.setAttribute('style', 'display:inline !important');</code>

2.修改Style物件的cssText屬性：

<code class="js">element.style.cssText = 'display:inline !important';</code>

3.使用當方法：

<code class="js">element.style.setProperty('display', 'inline', 'important');</code>

其中任何一個都會成功覆蓋!important 樣式。

以上是如何在 JavaScript 中覆寫 `!important` 樣式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！