There are two different things here: the style of the iframe block and the style of the page embedded in the iframe. Insert iFrame: Ways to to change CSS in an iframe Some of these work, and some don't but i've included both for you to ponder amd make up your own decisions. How to change the cursor into a hand when a user hovers over a list item? What if I have secure form fields, or secure data I don't want your site to spy on? This isn't designed to replace libraries like React, which are responsible for rendering same-domain components. Use jQuery to Change CSS on iFrame Content SitePoint What positional accuracy (ie, arc seconds) is necessary to view Saturn, Uranus, beyond? In fact, the only Add CSS to iframe elements using the page .css file. The webpage content can be any video, another website, any image and so on. share native-javascript components with. How to troubleshoot crashes detected by Google Play Store for Flutter app, Cupertino DateTime picker interfering with scroll behaviour. The cross-domain iframe is needed to securely bypass the same-origin policy . Going with Sean's answer is fine, but it's no longer a cross-domain iframe. This is how I'm doing in production. I don't want to bother with popups, can I get zoid with just the iframe support? As most of you would know, the iframe or inline frame element allows you to embed one HTML page into another.. Sites like YouTube and Google Maps use iframes to embed thier content in your website. Nolan-esque experience, He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Making statements based on opinion; back them up with references or personal experience. In this case, well put the code in onload event listener. The only other way to do it would be if you can do a serverside include. Dam. is there such a thing as "right to be heard"? The only possibility would be to load the iframe content through a proxy of yours and modify the HTML content. How can I control PNP and NPN transistors together from one pin? If you want to reuse CSS and JavaScript from the main page maybe you should consider replacing