如何在iframe javascript中应用CSS

Question

这是我的iframe编辑器，我想在编辑器中更改一些CSS，当我想尝试应用CSS时，iframe css无法获取。

     <div id="editor" style="flex: 1 1 0%;">
        <iframe src="https://editor.unlayer.com/1.0.55/editor.html" frameborder="0" width="100%" height="100%" style="min-width: 1024px; min-height: 100%; height: 100%; width: 100%; border: 0px;">
        </iframe>
        </div>

所以，如何通过使用DOM应用CSS？

DEMO：https://codesandbox.io/s/busy-ride-nbrj6

Answer 1

您必须在iframe内链接样式表，或者在源页面上链接会更好。