title: How to change body css elements inside iframe?
body: <p>I set the default body background of site to:
  body {background-color: red;}</p>
  
  <p>However, I am using external text input box that is displayed via an iframe and its also showing a red background.</p>
  
  <p>How can I keep the red background for the site but change the background inside the iframe to white?</p>
  
  <p>I tried doing something like, but it had no affect:</p>
  
  <pre><code>iframe body {background-color: white !important;}
  document body {background-color: white !important;}
  td body {background-color: white !important;}
  tr body {background-color: white !important;}
  </code></pre>
  
  <p>Here is a screenshot of where the body is used: <a href="http://screencast.com/t/D2x5dFRCE" rel="nofollow">http://screencast.com/t/D2x5dFRCE</a></p>
  
  <p>Thanks!</p>