Question

Possible Duplicate:
My CSS is not getting injected through my content script

manifest.json

{
    "name": "TESTE",
    "version": "0.0.0.1",
    "manifest_version": 2,
    "description": "Description",
    "content_scripts": [
        {       
            "matches": ["http://*/*wss"],// <<---------
            "css": ["style.css"],
            "js":["alert.js"]
        }       
    ],
    "permissions": ["tabs", "<all_urls>","http://*/*"]
}

The js file is working perfectly, but the css just load if i put generic match like

"matches":["http://*/*"]

Why?

Answer 1

This is a known bug that exists for over an year now.

Temporary solution for this is to inject CSS from content script javascript:

var link=document.createElement("link");
link.setAttribute("rel", "stylesheet");
link.setAttribute("type", "text/css");
link.setAttribute("href", chrome.extension.getURL("main.css"));

document.getElementsByTagName("head")[0].appendChild(link);