时间戳

首页 > 解决方案 > 将父窗口的 css 变量应用到 iframe

javascript - 将父窗口的 css 变量应用到 iframe

问题描述

我有一个父窗口和一个 iframe。

在父窗口中html，我有一个 CSS 变量列表：

:root {
  --lp-font-size-heading-lg: 2.5rem;
  --lp-font-size-heading-md: 2rem;
  --lp-font-size-heading-sm: 1.5rem;
}

但是这些变量在 iframe 中不可用，即在 iframe 的标题中，我有：

font-size: var(--lp-font-size-heading-md);

但 iframe 找不到--lp-font-size-heading-md

如何在 iframe 中添加 CSS 变量？

标签： javascripthtmlcssiframe

解决方案

推荐阅读