javascript - How can I change the text color in IFrame - Stack Overflow

admin管理员组

文章数量:1323023

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=".txt" width="470" frameborder="0" marginheight="0" marginwidth="0" style="overflow-x:hidden"></iframe> 

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/extend/plugins/about/readme.txt" width="470" frameborder="0" marginheight="0" marginwidth="0" style="overflow-x:hidden"></iframe> 

• javascript
• html
• css
• iframe

Share Improve this question Follow asked Apr 22, 2012 at 19:09 Alexandre HitchcoxAlexandre Hitchcox 2,75366 gold badges2424 silver badges3434 bronze badges 6

• possible duplicate of How to apply CSS to iFrame? – John Conde Commented Apr 22, 2012 at 19:11
• Not a dup. This is a text file with .txt extension. – Teemu Commented Apr 22, 2012 at 19:20
• try importing the file as an object – hjpotter92 Commented Apr 22, 2012 at 19:21
• This might be a stupid question, but how can you set a black background for the IFRAME, if there is txt file loaded? By default it is white. – Teemu Commented Apr 22, 2012 at 19:34
• 2 Good question. Upvoting. And who was the joker who wants to close this as "not a real question"? – Mr Lister Commented Apr 22, 2012 at 20:26

 |  Show 1 more ment

1 Answer 1

Sorted by: Reset to default 4

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)

本文标签： javascriptHow can I change the text color in IFrameStack Overflow