iframe内のCSS要素を変更する

Question

私のウェブサイトでiframeに問題が1つあります。iframe内のいくつかの要素のCSSを変更できません。これはiframeのhtmlで、chrome経由でコードを検査します。 divクラスのdivの値をクラスwidth-100で変更したいと思います。 私はすでに成功していない多くのコードを試しています。 この解決策が見つかりましたが、わかりません /*******/ CSSは同じ文書内でのみ有効です。 iframeはドキュメント全体であるため、そのiframeを含むページに適用されるCSSルールは、そのiframe内のページには適用されません。

これは、HTMLとCSSに関する限り、htmlは常に：rootである（したがって、決して：not（：root）である）ことを意味します。

このCSSを含むページからiframe内のページに（たとえばスクリプトを使用して）転送できない場合は、CSSだけを使用する方法はないと思います。 Css–selector for when a html-document is inside an iframe? /*******/

Answer 1

それを試してみてください。

$('iframe').contents().find("width-100 div").css('height', '200px');