title: Override iframe content css
body: <p>I have an iframe from another site enbedded in my site that looks like this:</p>
  
  <pre><code>    &lt;iframe src="https://youcanbook.me/?noframe=true&amp;skipHeaderFooter=true" id="ycbmiframe" style="width:100%;height:1000px;border:0px;background-color:transparent;" frameborder="0" allowtransparency="true"&gt;&lt;/iframe&gt;
  &lt;script&gt;
      window.addEventListener &amp;&amp; window.addEventListener("message", function(event) {
          if (event.origin === "https://youcanbook.me") {
              document.getElementById("ycbmiframe").style.height = event.data + "px";
          }
      }, false);
  &lt;/script&gt;
  </code></pre>
  
  <p>Is there a way to override CSS?</p>
  
  <p>Thanks</p>