Chrome Not Loading Stylesheet

CSS not working in Chrome

Comparing css links between the page you referenced and sub-pages, you have a "media" attribute in your link:

Problem:

<link href="/stylesheets/css_Sanford.css" rel="stylesheet" type="text/css" media="only screen and (min-device-width: 481px" />

Working:

<link href="/stylesheets/css_Sanford.css" rel="stylesheet" type="text/css" />

Try removing the "media" attribute and it should work fine.

More specifically, it does not appear that "only" is a valid operating for the media attribute. See this W3Schools page for details.

Chrome not loading new styles after css update

This may help. Open dev tools in browser then right click on refresh button of chrome. A menu will open. Select empty cache and hard reload.

If this is also not working then quit browser and try after relaunching.

Also look at chrome://appcache-internals/ for your page if there are some caches just delete those caches related to your page.

CSS Not loading in chrome extension

@wOxxOM answered as a comment.

css should contain a local path inside the extension, not an external URL. Download style.css and place it inside the extension, then specify style.css in css key.

Chrome extension's CSS is not loaded

Well, apparently, there's a bug in Chrome. If you have a ? in your matches expression CSS files will not be loaded. I've filed a bug report with more details here.

---

Related Topics