我可以更改嵌入的 HTML 文件的文本颜色吗?
Can I change the text color of an HTML file that I embeded?
我刚刚在我的网站上做了一个轻模式选项,我 运行 遇到了问题。我从一个单独的 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
鉴于您问题中的来源,我认为您不能。您可能希望 include/insert/embed 您的 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 将深色主题 class 添加到正文中。
我刚刚在我的网站上做了一个轻模式选项,我 运行 遇到了问题。我从一个单独的 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
鉴于您问题中的来源,我认为您不能。您可能希望 include/insert/embed 您的 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 将深色主题 class 添加到正文中。