Javascript 内容脚本无法正常工作'；它应该出现在所有网页上

所以我正在一点一点地学习chrome扩展。因此，我决定做一个小扩展，将任何输入字段文本颜色更改为蓝色。问题是，当我访问一些网站，如谷歌和stack overflow时，文本是蓝色的，但当我访问facebook或twitter等网站时，我写帖子、写评论或搜索框的字段没有颜色（注意：我使用inspect来确保它们是输入字段）。你知道为什么会这样吗？我怎样才能解决这个问题？ 这是我的密码：

Manifest.js:

  {
    "name": "Colors",
    "version": "1.0",
    "description": "change text color",
     "content_scripts": [
   {
     "matches": ["http://*/*","https://*/*"],
     "js": ["contentScript.js"]     
   }
 ],
    "icons": {
      "16": "images/icon.png",
        "48": "images/icon.png",
        "128": "images/icon.png"
    },
    "manifest_version": 2
  }

var text_fields=document.getElementsByTagName("input");
var i;
for  (i=0;i<text_fields.length;i++){
    text_fields[i].style.color='blue';
}

contentScript.js:

  {
    "name": "Colors",
    "version": "1.0",
    "description": "change text color",
     "content_scripts": [
   {
     "matches": ["http://*/*","https://*/*"],
     "js": ["contentScript.js"]     
   }
 ],
    "icons": {
      "16": "images/icon.png",
        "48": "images/icon.png",
        "128": "images/icon.png"
    },
    "manifest_version": 2
  }

var text_fields=document.getElementsByTagName("input");
var i;
for  (i=0;i<text_fields.length;i++){
    text_fields[i].style.color='blue';
}

var text_fields=document.getElementsByTagName（“输入”）；
var i；
对于（i=0；你能链接一个不起作用的特定twitter页面吗？我试着在twitter.com/search-home的控制台上运行你的代码，效果很好。所以不确定这是代码问题还是扩展问题。@James twitter主页不起作用。我试着使用控制台，但都不起作用。嗯，我帮不了什么忙。这两个都对我有用，我知道n Chrome和Firefox。如果有问题的“输入”实际上不是输入，那么您必须找到某种常见的选择器，不幸的是，这种选择器可能不存在。请删除manifest.json中的内容脚本和“js”项，如下所示：
input，[contenteditable]{color:blue！important}
你能链接一个不起作用的特定twitter页面吗？我试着在twitter.com/search-home的控制台上运行你的代码，效果很好。所以不确定这是代码问题还是扩展问题。@James twitter主页不起作用。我试着使用控制台，但都不起作用。嗯，我帮不了什么忙。两者都对我有用在Chrome和Firefox中。如果有问题的“输入”实际上不是输入，那么您必须找到某种常见的选择器，不幸的是，这种选择器可能不存在。请删除manifest.json中的内容脚本和“js”项，如下所示：
input，[contenteditable]{color:blue！important}