如何使用 JavaScript 覆寫內嵌 `!important` 樣式？

使用 JavaScript 覆蓋內聯 !important 樣式

jQuery 的 .css() 方法不會套用標有 !important 屬性的樣式。當嘗試覆蓋包含 !important 的現有內聯樣式時，這可能會令人沮喪。

解決方案：

使用以下方法之一克服此限制：

1. 將 addClass( >

   將 addClass()與類別一起使用規則：

   • .importantRule { width: 100px !important; }

   建立具有所需樣式的 CSS 類別！重要樣式：

   • $('#elem').addClass('importantRule');

   將此類別應用於目標element:

2. • $('#elem').attr('style', 'width: 100px !important');

   • $('#elem').attr('style', function(i,s) { return (s || '') + 'width: 100px !important;' });

此方法會覆蓋任何現有的內聯樣式：要保留現有的內聯樣式，請使用此修改版本：

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