iframe中的样式内容

Saf*_*ari 2 html css iframe

我必须在iframe中设置一些内容.

<html>
 <head>
   <link href="url/to/my/custom.css"></link>
 </head>
 <body>
    ......
    <iframe class="webform-frame">...</iframe>
 </body>
</html>
Run Code Online (Sandbox Code Playgroud)

在我的custom.css中,我已经尝试过使用.webform-frame h5 { color: #f00; }但它不起作用.

iframe是由一些JavaScript生成的(我无法访问它).

知道如何在那个iframe中设置那些东西吗?

Mr.*_*ien 8

如果你想定位iframe边框,边框颜色,填充或边距,那么使用它将针对你的iframe:

iframe.webform-frame {
   /* Styles */
}
Run Code Online (Sandbox Code Playgroud)

如果您尝试将加载内部的标记作为目标,那么这是iframe不可能的.

注意:您可以控制一些内容,例如使框架背景透明等...


编辑:想seamless在这里添加属性说明,正如Sebastian所说,但支持很差,你应该忽略这样做..也不要在没有页面所有者事先许可的情况下编辑任何iframed页面


Seb*_*eer 6

有一个名为seamless iframe 的新HTML 5功能,它可能会做你想要的:

[...]它表示iframe元素的浏览上下文的呈现方式使其看起来像是包含文档的一部分[...]

<iframe src="iframe.html" seamless></iframe>
Run Code Online (Sandbox Code Playgroud)

但是,目前它的浏览器支持很差(我认为只是Webkit).因此,对于今天的大多数用例来说,它不是一个好的解决方案.但也许是为了你或未来的一些读者.

更新:浏览器支持今天似乎更糟,所以这不是今天或不久的将来的解决方案.