我可以更改嵌入的HTML文件的文本颜色吗?

时间:2019-09-06 21:17:18

标签: html colors embed

我刚刚在我的网站上选择了亮灯模式选项,但遇到了问题。我从一个单独的HTML文件中嵌入了该网站的版本,因此我只能编辑该1个文件,而不是所有页面。该文本颜色恰好是白色,因为我的网站背景颜色是黑色。

我尝试从首页使用CSS变量,并尝试使用样式编辑文本颜色

在这里显示版本文件:

<center><h2 style="color:white; font-family:monospace;"><pre>Site Version 1.8.8</pre><h2></div></center>

在这里嵌入它:

<center><embed style="height:60px;" src="version.html"></center>

当我更改为灯光模式时,它需要更改为黑色。文本颜色的CSS变量是--color

1 个答案:

答案 0 :(得分:0)

鉴于您问题的出处,我认为您不能。您可能需要使用其他技术来包含/插入/嵌入您的version.html文件。

最好使用诸如Server Side Includes,PHP或ASP之类的服务器技术,但您也可以使用javascript完成这项工作。


如果我正确理解问题,则该问题的另一种解决方案是仅使用CSS和javascipt / cookies在主题之间跳转。 CSS像:

body { color: black; background-color: white; }
body.dark-theme { color: white; background-color: black; }

然后读取您的cookie-如果cookie表明您应该使用深色主题,则只需使用javascript将深色主题类添加到正文中即可。