Inject Css into iframe from third party

5k Views Asked by At

Can we inject bunch of CSS files into an iframe from a third party like OAS which is hosting ads? If it is possible an example will be greatly appreciated.

1

There are 1 best solutions below

3
Thangaraja On

By using jQuery selectors, you should be able to do that. However there should not be any restriction on iframe contents (i.e it should be from same domain)

For HTML update:

$('iframe').contents().find("body") will get you body object

$('iframe').contents().find("head") will get you header object. You can add style here

Please refer this Tutorial for details

http://code.tutsplus.com/tutorials/how-to-inject-custom-html-and-css-into-an-iframe--net-22826

and this

https://github.com/NETTUTS/Inject-HTML-and-CSS-into-iFrame/blob/master/iframe.html

If the iframe is from different domain then it is not possible due to http://javascript.info/tutorial/same-origin-security-policy