How to applying css style into an iframe content?
css, html, iframe
Solution
It works. Problem is there is no H1, only H2. Check out this link http://jsfiddle.net/pPqGe/1545/.
HTML:
<iframe src='jsfiddle.net'></iframe>
JavaScript:
$(document).ready(function() {
$('iframe').contents().find('h2').css('color','red');
$('iframe').contents().find('#header').css('opacity','.2');
});
Problem
I am trying to apply a CSS style for content inside the iframe, please check this link http://jsfiddle.net/pPqGe/ jQuery: ``` $(document).ready(function() { $('iframe').contents().find('h1').css('color','red'); }); ``` HTML: ``` <iframe src="mysite" width="100%" height="100%" id="myframe"></iframe> ``` For iframe source I have used a live website.