title: Add CSS to iFrame
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/217776/how-to-apply-css-to-iframe">How to apply CSS to iFrame?</a>  </p>
  </blockquote>
  
  
  
  <p>Right now I'm loading an iframe via jquery:</p>
  
  <pre><code> $(window).load(function(){
    $('iframe').load(function() {
        $('iframe').show()
        $('#loading').hide();
  
      });
      $('#loading').show();
      $('iframe').attr( "src", "http://www.url.com/");
  
    });
  </code></pre>
  
  <p>And I have a custom style sheet that I would like to apply to that page. The page within the iframe is not on the same domain, which is why it's tricky. I've found solutions that allow you to add individual tags, but not entire stylesheets.</p>
  
  <p><strong>EDIT:</strong> The page in question is loaded via <code>file://</code> in Mobile Safari so the Cross-domain policy does not apply.</p>