How can I change the text color in IFrame

11,900

This makes the trick at least in FF, IE and Opera.

document.getElementById('your_iframe_id').contentWindow.document.body.style.color='white';

In Chrome you can only change IFRAMEs background color:

document.getElementById('your_iframe_id').style.background='white';

And for change background color in IE:

document.getElementById('your_iframe_id').contentWindow.document.body.style.backgroundColor='yellow';

Then there is a big but... those expressions including contentWindow, work only, if the iframe and the host page are in the same domain.

(It is IE only having that white background by default)

Share:
11,900
Alexandre Hitchcox
Author by

Alexandre Hitchcox

Updated on June 07, 2022

Comments

  • Alexandre Hitchcox
    Alexandre Hitchcox almost 2 years

    I have a html page with an IFrame linking towards a text file, my html page's body is set to black, and the default color of the IFrame txt is black, so I cannot see my text :/ I would like to know how to change the text color, thanks. zeokila

    <iframe src="http://wordpress.org/extend/plugins/about/readme.txt" width="470" frameborder="0" marginheight="0" marginwidth="0" style="overflow-x:hidden"></iframe>