Facebook新頁面插件自定義樣式

有沒有人試圖改變新的Facebook頁面插件的CSS？舊插件用於提供一些選項，例如能夠選擇配色方案。不過，這個新的插件全是白色的，它似乎並不接受我的自定義CSS。例如：Facebook新頁面插件自定義樣式

._h7l { 

     background: transparent !important; 
     border: none !important; 

    }

任何想法如何讓我們可以得到一些自定義的CSS工作？

來源

2015-04-24 Johann

的內容呈現在iframe內兩個協議必須

開始加入這個真棒插件匹配... ，因此您可以不使用自己的CSS格式化它。你將不得不使用插件提供的官方配置選項。 – CBroe

您無法修改CSS。插件的內容顯示在iframe中，因此您無法更改CSS或覆蓋任何JavaScript方法。

您可以自定義此插件提供的不同選項。請看看文檔： https://developers.facebook.com/docs/plugins/page-plugin/

我希望它有幫助。

來源

2015-04-28 10:48:49

雖然這些選項都沒有引用樣式，但並不十分有用... – Aron

是的，你可以，但不是沒有使用一點點的jQuery，你的網站必須使用https協議（https）。 jquery.waituntilexists.js

加入你的CSS中，然後用你的Facebook的iframe玩：

$(".fb-page iframe").waitUntilExists(function(){ 
    $(".fb-page iframe").contents().find('head').append(' 
     <style>._h7l { 
      background: transparent !important; 
      border: none !important;} 
     </style> 
    '); 
});

來源

2015-09-07 03:44:03 SimonD

這不會起作用，因爲域必須將「document.domain」設置爲相同的值以允許訪問。錯誤：未捕獲SecurityError：無法從「HTMLIFrameElement」中讀取'contentDocument'屬性：阻止了源於「https://yourdomain.com」的框架訪問原始框架「https://www.facebook.com 」。被訪問的幀將「document.domain」設置爲「facebook.com」，但請求訪問的幀沒有。兩者都必須將「document.domain」設置爲相同的值以允許訪問。 –

Facebook新頁面插件自定義樣式

回答

相關問題