css - Chrome 扩展 CSS 操作

Question

可能重复：
我的 CSS 没有通过我的内容脚本注入

我一直在尝试制作一个 Chrome 扩展程序，以在每次加载到选项卡时将谷歌的背景颜色更改为黑色。

我的 manifest.json 中有以下内容：

{
  "name": "Background to black",
  "manifest_version": 2,
  "version": "1.0",
  "description": "Google black",
  "permissions": ["tabs", "http://www.google.com/*"],
  "browser_action": {
    "default_icon": "icon.png"
  },
  "content_scripts": [
    {
      "matches": ["http://www.google.com/*"],
      "css": ["backgroundtoblack.css"],
      "run_at": "document_start",
      "all_frames": true
    }
  ]
}

这在我的 backgroundtoblack.css 中：

body{
background: #000000;
}

但是它对我不起作用，我不明白我做错了什么。

Answer 1

这与清单文件无关，而与您的 CSS 文件有关。用这个替换你的CSS，

html, body {
    background: #000000 !important;
}

扩展程序现在应该可以工作了。（在本地测试时有效）。

注意：我不得不改变你matches的一点，因为我使用 HTTPS Everywhere。如果 Chrome 默认使用 HTTPS 加载，您可能需要更改它。