Css Facebook新页面插件自定义样式

有人尝试过在新的Facebook页面插件中更改CSS吗？旧插件用于提供一些选项，例如能够选择颜色方案。然而，新的插件周围是白色的，它似乎不接受我的自定义CSS。例如：

    ._h7l {

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

    }

---

你知道如何让自定义CSS工作吗？

你不能修改CSS。插件的内容显示在iframe中，因此您无法更改CSS或重写任何javascript方法

这个插件提供了不同的选项，您可以自定义。请查看以下文档：

---

我希望它能有所帮助。

是的，您可以，但不能不使用一点jQuery，您的站点必须使用https协议（https）。两个协议必须匹配

首先添加这个很棒的插件：

然后通过在Facebook iframe中添加css来玩它：

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

$（“.fb page iframe”）.waitUntilExists（函数（）{
$（“.fb page iframe”）.contents（）.find（'head'）.append（'
._h7l{
背景：透明！重要；
边界：无！重要；}
');
});

内容在iframe中呈现，因此您无法使用自己的CSS对其进行格式化。您必须使用插件提供的官方配置选项。这不起作用，因为域必须将“document.domain”设置为相同的值才能允许访问。错误：未捕获的安全性错误：未能从“HTMLIFrameElement”读取“contentDocument”属性：阻止源代码为“”的帧访问源代码为“”的帧。正在访问的框架将“document.domain”设置为“facebook.com”，但请求访问的框架没有设置。两者都必须将“document.domain”设置为相同的值才能允许访问。已阻止具有源的帧。。。从访问交叉原点帧开始