How to give style to iframed page content using parent pages css ?

Question

How to style iframed page's content using parent pages css ? I don't have access of iframed page?

i made thisfor example - http://jsbin.com/uxobe

how to style differently HTML of the page which i'm using in iframe?

Is therey a way to style like this through css or js+css ?

http://siteurl { background:red}

Answer 1

If you have no kind of access to the IFrame, neither from server side nor through JS because of cross domain issues: Not at all, I'm afraid.

If you can get hold of it through JS, you could sneak in own stylesheets one way or another, either by directly accessing and changing the styles (clean) or writing a <style> tag (not w3c valid).