我在一个时髦的第 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/