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

8

如果您想定位iframe边框、边框颜色、填充或边距，那么使用它将定位您的iframe：

iframe.webform-frame {
   /* Styles */
}

如果您试图定位加载在内部的标记，iframe那是不可能的。

注意：您可以控制一些事情，例如使框架背景透明等...

编辑：想seamless在这里添加属性解释，正如塞巴斯蒂安所说，但支持很差，你也许应该忽略这样做..也不要在未经页面所有者事先许可的情况下编辑任何 iframed 页面

于 2013-06-26T09:43:07.357 回答
7

有一个称为无缝iframe 的新 HTML 5 功能，它也许可以满足您的需求：

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

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

但是，目前它的浏览器支持很差（我认为只有 Webkit）。因此，对于当今的大多数用例来说，这不是一个好的解决方案。但也许它是为你或未来的一些读者准备的。

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

于 2013-06-26T09:47:09.513 回答
-1

Using jquery you can access the contents inside iframe using the following syntax:

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