Javascript 更改Facebook栏颜色（解决方案）

我目前正在开发一个Google Chrome扩展，它可以在加载页面时改变Facebook上蓝色条的颜色

在检查代码时，有一个图像覆盖在蓝色条上，因此任何背景颜色的变化都看不见

当前代码：

document.getElementById('pagelet_bluebar').style.backgroundColor = 'red';
document.getElementById("blueBarDOMInspector").style.visibility = "hidden";

目前，我已将状态设置为“不可见”，并且该条会改变颜色，但只保留该条

如何在CSS中定位背景图像以删除/隐藏它

2016年2月16日编辑（解决方案）：

（舱单）

CSS

2016年2月10日编辑：

蓝色菜单栏已修改，因此需要进一步研究如何再次调整菜单栏的颜色

---

后台和其他div仍然是可编辑的。

Chrome扩展允许您注入javascript和css，因此注入一个覆盖标准facebook css的css，而不使用JS解析文档。是弹性较小的解决方案

添加到清单中：

 "content_scripts": 
 [ { 
      "matches": ["http://www.google.com/*"], 
      "css": ["fix.css"], 
      "js": ["script.js"]
 } ],

---

document.getElementById（“blueBarDOMInspector”）.style.backgroundImage='none'

我使用

CustomStyleScript

扩展名更改

bluebar

颜色，只需使用以下代码：

._2s1x ._2s1y{background-color:#922722;}

---

style.backgroundImage

否决：请不要在问题中嵌入您自己的答案，而是将其作为另一个答案发布。我可以问一下原因吗？如果您可以在此处提供清单/CSS片段，这将是一个更好的答案。现在更多的是一个评论。我怎么能做到这一点？撤回我的投票，因为这在这一点上不是一个有用的例子。你这是什么意思？

 "content_scripts": 
 [ { 
      "matches": ["http://www.google.com/*"], 
      "css": ["fix.css"], 
      "js": ["script.js"]
 } ],

._2s1x ._2s1y{background-color:#922722;}