css - 是否有可能在伪元素之前/之后设置 iframe 的样式？

Question

正如标题所说，有没有一种方法可以为 iframe 伪 before/after 设置样式？不使用另一个 div 包装 iframe，否则？`

我试着像其他元素一样设置它的样式，但没有成功:

iframe::before {
    content: 'foo';
    position: absolute;
    top: 0;
    left: 0;
}

iframe::after {
    content: 'bar';
    position: absolute;
    top: 0;
    right: 0;
}

http://fiddle.jshell.net/ppRqm/

更新

一个已知的解决方法是将 before/after 添加到源文件中的元素: http://fiddle.jshell.net/ppRqm/2/

但有时您无法访问源文件。

Answer 1

我不确定，但我认为这是不可能的。或者 iframe 背后的逻辑使其无法实现。

如您所知，伪元素被添加到它的容器中，如果您使用 iframe 这样做，伪元素将被添加到 iframe 中。但是，问题来了，iframe 内容，内联内容，如果浏览器不支持 iframe，就会加载。

这意味着:

<iframe>
  <div>Your browser doesn't support iframes</div>
</iframe>

并添加伪元素，会做同样的事情；在现代浏览器上内联内容 不会显示。