A Pen by Gabriel Luethje.

index.html

<p>Nothing to see here...</p>

<div class="one"></div>

<p>Just testing out writing some styles to <code>&lt;head&gt;</code> with jQuery. </p>
<p>Because unfortunately sometimes we have to do that.</p>

script.js

$('<style type="text/css">'+
    'body{'+
      'background:cornflowerblue;'+
      'text-align:center;'+
    '}'+
    '.one{'+
      'width:100px;'+
      'height:100px;'+
      'margin:20px auto;'+
      'background:goldenrod;'+
      'padding:10px;'+
      'text-align:center;'+
    '}'+
  '</style>').appendTo($('head'));

Styles-upside-the-head-with-jQuery.markdown

Styles upside the head with jQuery

Yes, it's dirty, but sometimes we have to do it.

For example I'm working on a 3rd party search tool that for some odd reason allows a single custom javascript file, but no other customizations outside of their UI.

A Pen by Gabriel Luethje on CodePen.

License.