如何在 Facebook 评论框插件上应用自定义 CSS

Question

我在我的网站上添加了一个宽度为 288 的 Facebook 评论框。它工作正常，唯一的问题是当我尝试删除我发布的 cmets 时，删除按钮的某些部分隐藏在插件宽度 288 内。

有什么方法可以让删除弹框的宽度变小，让它适合我指定的宽度。

我还想知道是否有任何方法可以使用我的自定义样式更改其 CSS。

我无法通过 CSS 或 jQuery 找到评论框的任何 Dom 元素。

Answer 1

您可以使用 Javascript 将 CSS 文件添加到 iFrame：

var cssLink = document.createElement("link") 
cssLink.href = "file://path/to/style.css"; 
cssLink .rel = "stylesheet"; 
cssLink .type = "text/css"; 
frames['iframe'].document.body.appendChild(cssLink);

您只需要实现您的 CSS 文件并在适当的时候使用此代码。