如何更改IFrame中的文本颜色

时间:2012-04-22 19:09:14

标签: javascript html css iframe

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

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

1 个答案:

答案 0 :(得分: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默认只有白色背景)