オーバーライドのiframe CSS

私はこのようになります私のサイトにenbedded別のサイトからのiframeがあります。オーバーライドのiframe CSS

<iframe src="https://youcanbook.me/?noframe=true&skipHeaderFooter=true" id="ycbmiframe" style="width:100%;height:1000px;border:0px;background-color:transparent;" frameborder="0" allowtransparency="true"></iframe> 
<script> 
    window.addEventListener && window.addEventListener("message", function(event) { 
     if (event.origin === "https://youcanbook.me") { 
      document.getElementById("ycbmiframe").style.height = event.data + "px"; 
     } 
    }, false); 
</script>

はCSSをオーバーライドする方法はありますか？

おかげ

出典

2017-02-27 iolli

iframeのコンテンツの[CSSオーバーライドボディスタイル]の重複の可能性がありますか？（http://stackoverflow.com/questions/6494721/css-override-body-style-for-content-in-iframe） –

既に質問があります：質問：http://stackoverflow.com/questions/217776/how-to-apply-css-to-iframe答えます。http://stackoverflow.com/questions/217776/how-to-apply-css-to-if- iframe/217833＃217833 – bens

-1

次を使用することができます。

$('iframe').load(function() { 
    $('iframe').contents().find("head") 
     .append($("<style type='text/css'> .my-class{display:none;} </style>")); 
});

ソリューションhereを見つけました。

出典

2017-02-27 08:42:43

オーバーライドのiframe CSS

答えて

関連する問題