我可以更改 Facebook“赞”按钮评论框的宽度吗？答案

【问题标题】：Can I change the width of the Facebook "Like" button's comment box?我可以更改 Facebook“赞”按钮评论框的宽度吗？
【发布时间】：2012-02-22 21:07:53
【问题描述】：

Facebook "Like" button 允许您为按钮本身及其相关内容（例如，喜欢的数量）设置宽度。但是，我在文档中没有看到任何选项来控制单击“喜欢”按钮后出现的评论框的宽度：

我是否错过了一个选项，或者没有办法做到这一点？我可以使用 CSS 覆盖包含注释框的<iframe> 的宽度，但这不会改变<iframe> 内容的宽度，因此它们会溢出并被剪裁。我也无法更改评论框中的任何样式，因为它托管在不同的域中。

更新：

不确定为什么这个问题被降级 - 如果我的问题有问题，请发表评论。

评论框的内容绝对不能通过 JavaScript 或 CSS 访问。它是在 <iframe> 中创建的，它排除了父文档中的 CSS 样式，并且它托管在 Facebook 的域上，它禁止跨域脚本：

我只想问：

【问题讨论】：

【解决方案1】：

如果它是您的网站，您可以更改任何您想要的东西！

使用 CSS 并使用 !important 指令强制执行规则

内联 CSS 具有最高优先级，然后嵌入而不是全局...等！

希望这会有所帮助。

编辑：您可以通过 CSS 将 iframe 定位到外部。示例如下

#container iframe  /* iframe is inside a element with ID="container"
{
width:200px !important;
}

如果没有用 !important 标签指定，以上将覆盖所有宽度

【讨论】：

即使您不会编写内联 css，也可以从外部定位 iframe。让它由 facebook 托管，虽然会让你受到一些限制。更新了我的答案。
请注意，您实际上无法设置 iframe 中包含的文档的样式，而只能设置 iframe 元素本身的样式。我曾尝试使用 CSS 设置 iframe 宽度，希望内容框的内容会相应地重排，但事实并非如此。缩小 iframe 只会剪辑其内容（评论框），根据我的项目要求，这是不可接受的。