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>
    ');
});

Facebook新页面插件自定义样式

2 个答案: