Kickstarter ウィジェットを自分の Web サイトに埋め込む際に、自分のサイトに合わせてウィジェットのスタイルを設定したいと考えています。Kickstarter プロジェクト ページにアクセスし、注目の画像/動画の下にある [埋め込み] リンクをクリックすると、埋め込みコードを見つけることができます。テストに使用できる例を次に示します。
<iframe frameborder="0" height="420" scrolling="no" src="https://www.kickstarter.com/projects/1973403569/never-lose-anything-again/widget/card.html?v=2" width="220"></iframe>
明らかに、HTML iframe タグで幅と高さを変更できますが、CSS を使用して iframe 内に含まれる要素で他のスタイルを設定しようとしても効果がありません。これは、作成時にウィジェットのスタイルを指示する外部スクリプトが原因であると思います.ページがブラウザーを介して読み込まれた後にcssを編集すると、効果が正しく登録されるためです. jQuery 関数 $(document).ready(fuction(){}); を使用してみました。css を変更するための jQuery を含めるようにしましたが、これも失敗しました。
編集：さらに読んだ後、当面の問題は、クロスドメインのiframeが何をすべきかを言われるのが本当に好きではないということです。いくつかの回答を読みましたが、これについては誰もが異なる考えを持っているようです。実際にそれを行う方法があるかどうかはわかりません。クロスドメイン iframe の css にアクセスする信頼できる方法を知っている人はいますか?