void2610

<p data-line="0" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__250179b1f456a" src="https://embed.zenn.studio/card#zenn-embedded__250179b1f456a" data-content="https%3A%2F%2Fwww.reddit.com%2Fr%2Fcss%2Fcomments%2F14axek9%2Fwhy_does_iframe_have_white_background_when_inside%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://www.reddit.com/r/css/comments/14axek9/why_does_iframe_have_white_background_when_inside/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://www.reddit.com/r/css/comments/14axek9/why_does_iframe_have_white_background_when_inside/</a></p>
<p data-line="2" class="code-line">iframeの仕様？バグ？として、<code>color-sheme: light</code>や<code>color-sheme: normal</code>以外では背景が白くなってしまう模様</p>


<p data-line="0" class="code-line"><code>&lt;div style={{ colorScheme: 'light' }} &gt; &lt;/div&gt;</code><br>
でiframeを囲めば解決！！</p>
