Facebook 新页面插件自定义样式

Question

有没有人尝试在新的 Facebook 页面插件中更改 CSS？旧插件用于提供一些选项，例如能够选择配色方案。但是，新插件周围都是白色的，它似乎不接受我的自定义 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>
    ');
});