3

iframe 内で何かをスタイルする必要があります。

<html>
 <head>
   <link href="url/to/my/custom.css"></link>
 </head>
 <body>
    ......
    <iframe class="webform-frame">...</iframe>
 </body>
</html>

私のcustom.cssでは、すでに使用しようとしまし.webform-frame h5 { color: #f00; }たが、機能しません。

iframe は JavaScript によって生成されます (私はそれにアクセスできません)。

そのiframe内でそのようなものをどのようにスタイルできるか考えていますか?

4

3 に答える 3

7

シームレスiframeと呼ばれる HTML 5 の新しい機能があります。

[...] iframe 要素のブラウジング コンテキストが、それを含むドキュメントの一部であるように見せる方法でレンダリングされることを示します [...]

<iframe src="iframe.html" seamless></iframe>

ただし、今のところ、ブラウザーのサポートは非​​常に貧弱です (Webkit のみだと思います)。そのため、今日のほとんどのユース ケースでは適切なソリューションではありません。しかし、おそらくそれはあなたや将来の一部の読者のためのものです.

更新: 現在、ブラウザーのサポートはさらに悪化しているようです。そのため、これは現在または近い将来の解決策ではありません。

于 2013-06-26T09:47:09.513 に答える
-1

jquery を使用すると、次の構文を使用して iframe 内のコンテンツにアクセスできます。

$('iframe.webform-frame').contents().find('h5').css("color","#f00");
于 2013-06-26T11:20:46.307 に答える