How to change style of iframe content cross-domain

Question

I want to make background color black and text color white for the content inside iframe from its default of normal white background and black text. The iframe src attribute points to different domain to which I have no access or cannot place any file or stylesheets in that domain. So given these conditions is it possible to make just these style changes in the iframe content and if so then how?

Answer 1

The only possibility would be to load the iframe content through a proxy of yours and modify the HTML content. You can not access iframes from another domain via JavaScript.

Answer 2

This one's been here a while, but hopefully this will help someone....

The closest I can see is using a filter on the iframe

Xray: makes it black and white then inverts it.

 <iframe style="filter:xray" src=".....

Invert: inverts all the colors rather than just swapping black & white.

 <iframe style="filter:invert" src=".....

Both only work in IE. I thought these only worked on images till a few minutes ago...

eg. http://www.ssi-developer.net/css/visual-filters.shtml

Answer 3

It isn't possible. The whole point of the Same Origin Policy is that you can't access or manipulate content from another domain.