title: removing body background color of iframe
body: <p>I have a an iframe on my page that currentlyhas a background color of grey, I want to change the color to be white but cant seem to do it. I have tried using jquery but not sure if this is correct:</p>
  
  <pre><code>$(document).ready(function(){
      $('iframe').contents().find('body').css('backgroundColor', 'white');
  });
  </code></pre>
  
  <p>basically at the moment the bo tag within the iframe has the inline background-color: #f1f0e9</p>
  
  <p>can anyone suggest how I can update this background color? i've tried css also but nothing.</p>
  
  <p>The problem is on this page <a href="http://cromorevillage.com/book.html" rel="nofollow">http://cromorevillage.com/book.html</a></p>
  
  <p>The iframe is the booking element and the background color of this extends down the page because an iframe height had to be added to allow for all booking options to be shown when selected?</p>