title: Is it somehow possible to style an iframes before/after pseudo-element?
body: <p>As the title says, is there a way to style an iframes pseudo <code>before</code>/<code>after</code>? Without wrapping the iframe with another <code>div</code>, or else?`</p>
  
  <p>I tried to style it like any other element, but no success:</p>
  
  <pre class="lang-css prettyprint-override"><code>iframe::before {
      content: 'foo';
      position: absolute;
      top: 0;
      left: 0;
  }
  
  iframe::after {
      content: 'bar';
      position: absolute;
      top: 0;
      right: 0;
  }
  </code></pre>
  
  <p><a href="http://fiddle.jshell.net/ppRqm/" rel="noreferrer">http://fiddle.jshell.net/ppRqm/</a></p>
  
  <p><strong>Update</strong></p>
  
  <p>A known workaround is to add the before/after to an element in the source file:
  <a href="http://fiddle.jshell.net/ppRqm/2/" rel="noreferrer">http://fiddle.jshell.net/ppRqm/2/</a></p>
  
  <p>But sometimes you've no access to the source-file.</p>