How to change style of iframe content cross-domain

2019-01-06 21:56发布

问题:

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?

回答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.



回答2:

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



回答3:

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