Facebook 新 Page Plugin 自定义样式

Question

有没有人试过在新的 Facebook 页面插件中更改 CSS？旧插件用于提供一些选项，例如能够 select 配色方案。但是，新插件四周都是白色的，似乎不接受我的自定义CSS。示例：

    ._h7l {

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

    }

有什么想法可以让一些自定义 CSS 发挥作用吗？

Answer 1

您无法修改 CSS。插件的内容显示在 iframe 中，因此您无法更改 CSS 或覆盖任何 javascript 方法。

您可以自定义此插件提供的不同选项。请查看文档： https://developers.facebook.com/docs/plugins/page-plugin/

希望对您有所帮助。

Answer 2

是的，您可以，但必须使用一点 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>
    ');
});

Facebook 新 Page Plugin 自定义样式

Facebook new Page Plugin custom styles

css

iframe

facebook

facebook-like