我的CSS没有通过我的内容脚本注入

我的CSS没有通过我的内容脚本注入

样式表实际上是注入的，但没有应用，因为其他样式会覆盖规则。要使规则生效，您可以选择以下选项：

1. 增加CSS规则的特异性。

2. 在每个规则后缀

   !important

   ：

   #test {margin: 0 10px !important;background: #fff !important;padding: 3px !important;color: #000 !important;

   }

3. 通过内容脚本注入CSS：

myscript.js

：

    var style = document.createElement('link');style.rel = 'stylesheet';style.type = 'text/css';style.href = chrome.extension.getURL('myStyles.css');(document.head||document.documentElement).appendChild(style);

manifest.json

    {  "name": "Extension",  "version": "0",  "description": "",  "manifest_version": 2,  "permissions": ["tabs", "http:/*", "file://*", "https:/*"],        "js": ["myscript.js"],        "all_frames": true    }  ],  "web_accessible_resources": ["myStyles.css"]}

web_accessible_resources

当清单版本2处于活动状态时，最后一个键是必需的，以便可以从非扩展页面读取CSS文件。