Как применить css в iframe javascript

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>

так Как я могу применить css с помощью DOM?

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

Answer 1

Вам нужно связать таблицу стилей внутри iframe, иначе на исходной странице будет лучше.