Formrunで作成したiframe属性へのcssの適用方法について

iframe内でcssを適用したいのですが、調べて試してみてもうまくいかないので、こちらで質問させていただきます。

formrunで作成し、iframe属性で埋め込んだformに対し、cssを適用したいです。

こちらの記事ではvimeoで作成した動画をiframe属性で埋め込み、cssを適用したいとの質問でクロスドメインでむりとの回答が返ってきておりました。

formrunの場合も同じなのでしょうか？
何か手立てがあれば教えていただきたいです。

発生している問題・エラーメッセージ

現在は下記のように、iframe属性の中で再び!DOCKTYPE以降の要素が読み込まれ、フォームが形成されている状態です。


### 前略~~~~~
<section>
<iframe src="https://form.run/embed/~~~~~~~~~~~^" frameborder="no" style="background-color: rgb(255, 255, 255); width: 100%; height: 1773px; display: block;">
<#Document>
<!DOCKTYPE HTML>
中略

<head>
</head>
中略
<body>

中略
</body>

~~~
~~~~~~~~~~~~~~
</iframe>
<section>

後略

大まかにいうとこのような構成になっております。
ご回答よろしくお願いいたします。

行動規範の内容に同意します

回答1件

ベストアンサー

こちらの記事ではvimeoで作成した動画をiframe属性で埋め込み、cssを適用したいとの質問でクロスドメインでむりとの回答が返ってきておりました。

formrunの場合も同じなのでしょうか？

iframe内にアクセスしたい（iframe内の要素に後からスタイルを指定したい）なら同じで、クロスオリジンの場合サーバ側が明示的にアクセスを許可しない場合は無理です。
（お使いのサービスが対応しているかはわかりませんが）iframe内で解決するか、iframeでないフォーム（があるなら）を使用するかどちらかだと思います。

【オリジン間リソース共有 (CORS) - HTTP | MDN】
https://developer.mozilla.org/ja/docs/Web/HTTP/CORS

投稿2020/07/05 12:05