在 React 中自定义 iframe 上的 CSS 样式

Question

我需要设置网站 iframe 的 CSS 样式。您如何自定义它，例如隐藏导航菜单？我正在使用样式组件并做出反应。

在此处检查我的代码框 CLICK HERE

const FormContainer = styled.div`
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: scroll;

  & iframe {
    & #page-header-container {
      display: none !important;
    }
  }
`;

Answer 1

您不能从父元素修改iframe 样式。由于浏览器的安全问题，不允许这样做。