我正在开发一个“内容脚本”Chrome扩展程序。我尝试使用CSS文件来为页面上的某些现有元素设置样式,并为我使用JavaScript动态创建的元素设置样式。
我在manifest.json
文件中指定了我的CSS文件:
{
...
"content_scripts": [
{
"matches": [ ... ],
"js": [ ... ],
"css": [ "style.css" ]
}
]
...
}
然后,如果我将类似下面的内容放入我的 style.css
中,什么也不会发生:
body {
background-color: red;
}
我也用以下形式添加了一些规则:
#MyInsertedEl {
color: red;
}
然后使用jQuery将一个id为MyInsertedEl
的元素(锚链接)插入到页面中,但它的颜色不是红色(该元素已被插入并在页面中可见)。
那么出了什么问题?我做错了什么?根据文档,我应该已经做得没问题了,而且谷歌没有返回任何有用的信息。
编辑:这段代码在Facebook页面上运行,如果有任何相关的内容,请注意...