title: Styling text document inside iframe with CSS from parent page
body: <p>I have an HTML page with several iframes, each pointing to a text file on the same domain.</p>
  
  <p>Now I have read up quite a bit on when the iframe points to an HTML file, but did not find anything on when it is a text file. And I can obviously not add styling inside the textfiles themselves.</p>
  
  <p>The behavior is that the text content of the iframe inherits the background-color of the parent, but not the color.</p>
  
  <p>Now, when I do the below in the parent HTML doc, the background-color of the content of the iframe is affected.</p>
  
  <pre><code>iframe
  {
      background-color: black
  }
  </code></pre>
  
  <p>But again, if I do the below, the text color of the iframe text content remains unaffected.</p>
  
  <pre><code>iframe
  {
      color: White;
  }
  </code></pre>
  
  <p>Why?</p>