html - 在 iframe 内外应用的 CSS 样式表

标签 html css iframe

我在一个时髦的第 3 方网站上工作,我可以在其中访问 CSS 文件,但不能修改实际的 html 或 JavaScript 文件。我更改了网站的背景,但后来我发现 css 也适用于 iframe 内的 Web 部件。这些 iframe 内部链接了相同的 css 文件,因此我应用于外部 html 正文 {} 的背景标签也应用于内部集。

有什么方法可以添加另一个选择器,该选择器仅在 iframe 内部时才适用,或者它无法解决这个问题?我已经尝试过 iframe html body {} 和 #name-of-iframe body {} 但这些甚至没有显示为与浏览器中的内部主体相关联。 这是可以做到的吗?感谢任何见解。

最佳答案

不幸的是,您需要运行 Javascript 来确定您是否在 iframe 中运行。 CSS 本身是不够的。

您可能会在两个页面之间的标记中寻找差异——例如,可能是 <body>元素在 iframe 内的页面上具有不同的 ID 或类。

关于html - 在 iframe 内外应用的 CSS 样式表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22646599/

相关文章:

javascript - 如何使用js做一个循环

html - 多个属性的CSS?

javascript - 如何将小数逗号替换为&lt;input type ="number">中的一个点?

html - 图片在资源管理器上看起来一团糟

jquery - 根据其中的内容调整表格列的高度

html - 搜索框和搜索按钮之间的对齐问题

php - 为 index.php 和 .phtml 文件链接 Zend Framework 内的样式表

css - 也许在绝对 div 中嵌套 div?

html - 在其他 iframe 中跨元素使用 accesskey 在 Chrome 中不起作用

javascript - 有没有办法确定 iframe 是否可见/事件