如何使用CSS為Facebook iframe設置樣式？

Question

我有一個包含facebook iframe的彈出窗口，它似乎無法使用內聯樣式表方法

<div data-html="allow" >
<iframe style="border: 0px;  display: block" height="400" class="spoooky-auth" src="https://api.spooo.ky/auth/facebook" border="0"></iframe>
</div>

我正在嘗試增加iframe的寬度和高度，但不起作用。有任何提示嗎？

任何幫助表示贊賞。 謝謝，

Answer 1

我將為此使用JS ，如下所示：

<div data-html="allow" >
<iframe id="iframe1" style="border: 0px;  display: block" height="400" class="spoooky-auth" src="https://api.spooo.ky/auth/facebook" border="0"></iframe>
</div>

<script type="application/javascript">

function resizeIframe {

    iframe.width  = iframe.contentWindow.document.body.scrollWidth;
    iframe.height = iframe.contentWindow.document.body.scrollHeight;
}

window.addEventListener('DOMContentLoaded', function(e) {

    var iframe = document.getElementById( 'iframe1' );
    resizeIframe;

} );

</script>