Chrome extension content script CSS not injecting

Question

Im trying to inject a CSS file into the paypal home page, but for some reason it wont work. Below is my manifest file:

{
    "manifest_version": 2,
    "name": "Paypal Addon",
    "version": "1.0",
    "description": "example",
    "permissions": ["https://www.paypal.com/*"], 
    "background": {
    "scripts": ["background.js"],
"persistent": false
},
    "content_scripts": [
{
"matches": ["https://www.paypal.com/*"],
"css": ["style-fix.css"],
"js": ["jquery-2.1.0.min.js", "contentScript.js"]

}]
}

And below is the CSS file style-fix.css:

body {
color: red !important;
}

Does anybody know why the CSS isnt being applied? thanks

The only text that CSS changes is the © 1999 - 2014 PayPal in the footer. Try using a better CSS rule that will actually change more of the page. — abraham
– abraham, Commented Mar 13, 2014 at 16:51

0xcaff · Accepted Answer · 2014-03-14 15:55:39Z

2

The CSS is working but not visible. Try this instead:

* {
    color: red;
}

All of the text in the document is styled with a higher priority except the copyright.

edited Mar 14, 2014 at 15:55

answered Mar 13, 2014 at 16:57

0xcaff

13.8k5 gold badges52 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Chrome extension content script CSS not injecting

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related