变身背景颜色使用一个CSS文件的iframe(Change body background colo

使用iframe中，我称之为一个网站从我的网站空间，使用一个CSS文件body {background-color: #222}

该IFRAME SRC也用这个CSS文件。问题是，在iframe的身体需要另一种背景色。

试着

iframe>body { background-color: #other }

任何想法或建议？

Answer 1:

我假设的iframe占用您网站的一小部分。在这种情况下，我会建议你只需使用一个div的iframe的大小相同的负载，并给这个div正确的背景色。

OR：包括在iframe页面的源代码的样式属性：

<head>
    <style>body {background-color:#COLOR}</style>
</head>

Answer 2:

这个问题类似于如何CSS适用于iframe中的内容？。基本上，你可以使用jQuery在iframe更改CSS属性

$('#yourIframe').contents().find('body').css({
    background-color: '#333333'
});

编辑：您可能需要添加iframe的负载时：

$('#yourIframe').load(function(){ 
    $(this).contents().find('body').css({
        background-color: '#333333'
    });
});

Answer 3:

请记住，JavaScript可以修改与网站的同一产地iframe的唯一性，否则你会得到一个安全错误。

协议，域和端口必须匹配。

Answer 4:

香港专业教育学院使用这一点，它为我工作。（及其SOOOOO容易！）

在你的CSS文件放：

IFRAME {背景色：橙; }

只是改变了“橙色”到任何颜色需要。而已！

请享用！

Answer 5:

在该iframe中包含的页面，链接另一个样式表，然后改变你希望所有的CSS样式。

Answer 6:

使用JavaScript，我们可以背景颜色添加到的iFrame

 var x = document.getElementById("myframe");
    var y = (x.contentWindow || x.contentDocument);
    if (y.document)y = y.document;
    y.body.style.backgroundColor = "red";

参考W3Schools的

文章来源: Change body background color in an iframe using one css file