2012-04-22 123 views
6

我有一个IFrame对文本文件链接html页面,我的html页面的身体被设置为黑色,而IFrame的TXT文件的默认颜色是黑色的,所以我看不到我的文字:/ 我想知道如何更改文字颜色,谢谢。 zeokila如何更改文本颜色的IFrame

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

的可能重复[如何应用CSS来的iFrame?](http://stackoverflow.com/questions/217776/how-to-apply- css-to-iframe) – 2012-04-22 19:11:46

+0

不是一个重复。这是一个扩展名为“.txt”的文本文件。 – Teemu 2012-04-22 19:20:34

+0

尝试导入文件作为'object' – hjpotter92 2012-04-22 19:21:34

回答

2

这使得伎俩至少在FF,IE和Opera。

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

在Chrome中,你只能改变IFRAME背景色:

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

以及在IE更改背景颜色:

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

然后有一个大的,但是......那些包括contentWindow在内的表达式仅适用于iframe和主机页面位于同一个域中的情况。

(这是IE浏览器只具有白色背景默认情况下)