Question

我正在为内部网站创建一个特定的/dark地址，以便通过同一域上的iframe访问该网站。 example.com/dark页面的iframe包含example.com

在我当前的代码中，唯一改变的是背景色。见下文；

 $(function () {
        $("#dark").contents().find("head")[0].appendChild(darkcss);
        //Or $("#iFrameID").contents().find("head")[0].appendChild($('#darkcss')[0]);

<html lang="en-GB">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8"/>
<title>Dark Mode</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link rel="stylesheet" href="./stylesheet.css">
<meta name="theme-color" content="#18222E"/>
</head>

<style id="darkcss">
body {
  background-color: #18222E;
}

p {
color: #FFFFFF;
}

.blacktextheader {
color: #FFFFFF; 
}

.blacktext {
color: #FFFFFF; t
}

.blacktextsubheading { 
color: #FFFFFF; 
}

.blacktextregular {
color: #FFFFFF;
}

.header {
background-color: #323F4F;
}
</style>

<iframe id="dark" class="dark" width="100%" height="100%" frameborder="0" src="https://example.com" ></iframe>

使用iframe打开页面会添加深色背景，但不会将所有黑色文本更改为白色，标题的背景色也不会更改。

我们将不胜感激，在此先感谢您。

在同一个网域中的iframe中更改的不仅仅是背景颜色

0 个答案: