如何使用內容腳本將 CSS 樣式註入網頁？

使用內容腳本將CSS 樣式註入網頁時遇到問題

使用內容腳本注入CSS 的開發人員遇到的常見問題是失敗將CSS 樣式套用到網頁。儘管被注入，這些樣式可能會被其他規則覆蓋。

要解決此問題，可以採取多種方法：

1.提高CSS 特異性

提高CSS 規則的特異性，使其更占主導地位。

2.使用“!important”

為每個規則添加後綴“!important”以強制其應用，覆蓋其他規則。

3.透過內容腳本注入 CSS

使用內容腳本注入 CSS。建立一個JavaScript檔案（例如myScript.js）並修改manifest.json：

myScript.js:

manifest.json：

注意：使用清單版本 2 時，「web_accessible_resources」鍵對於允許從非擴充頁面存取 CSS 檔案至關重要。

以上是如何使用內容腳本將 CSS 樣式註入網頁？的詳細內容。更多資訊請關注PHP中文網其他相關文章！