Search code examples
cssbrowserstylesheet

Why do external stylesheets appear as inlined when viewing source?


Lately I've noticed a strange behaviour in my browsers, when developing a website or doing some debugging.

When I click on View Source to check the site's HTML source code, the external stylesheets that I coded as links appear now inlined, that is, in its entirety.

What appears is something like this:

<style media="screen" type="text/css" style="display:none">
/*a bunch of CSS styles here, lines and more lines of CSS*/
</style>

...instead of the typical:

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

It's happening with Firefox, Chrome, Safari, IE... with any browser I use.

Do you know guys what could be going on?


Solution

  • It happens to be only when I use my iPhone as a modem... no idea why.