我必须在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中设置那些东西吗?
如果你想定位iframe边框,边框颜色,填充或边距,那么使用它将针对你的iframe:
iframe.webform-frame {
/* Styles */
}
Run Code Online (Sandbox Code Playgroud)
如果您尝试将加载内部的标记作为目标,那么这是iframe不可能的.
注意:您可以控制一些内容,例如使框架背景透明等...
编辑:想
seamless在这里添加属性说明,正如Sebastian所说,但支持很差,你应该忽略这样做..也不要在没有页面所有者事先许可的情况下编辑任何iframed页面
有一个名为seamless iframe 的新HTML 5功能,它可能会做你想要的:
[...]它表示iframe元素的浏览上下文的呈现方式使其看起来像是包含文档的一部分[...]
<iframe src="iframe.html" seamless></iframe>
Run Code Online (Sandbox Code Playgroud)
但是,目前它的浏览器支持很差(我认为只是Webkit).因此,对于今天的大多数用例来说,它不是一个好的解决方案.但也许是为了你或未来的一些读者.
更新:浏览器支持今天似乎更糟,所以这不是今天或不久的将来的解决方案.
| 归档时间: |
|
| 查看次数: |
20461 次 |
| 最近记录: |