title: How to applying css style into an iframe content?
body: <p>I am trying to apply a CSS style for content inside the iframe, please check this link <a href="http://jsfiddle.net/pPqGe/">http://jsfiddle.net/pPqGe/</a></p>
  
  <p>jQuery:</p>
  
  <pre><code>$(document).ready(function() {
      $('iframe').contents().find('h1').css('color','red');
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;iframe src="mysite" width="100%" height="100%" id="myframe"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>For iframe source I have used a live website.</p>