从 CSS 样式表覆盖 Facebook 好友选择器的宽度

Question

我觉得这是另一个不可能的请求，但是...是否可以仅使用外部样式表覆盖 iframe 朋友选择器元素的宽度？

我有一个使用 iframe 好友选择器的页面，但 我无法以任何方式编辑 HTML，也无法使用 JavaScript。代码在 Firebug 中基本上是这样的：

<div id="container">
    <fb:serverfbml class="fb_iframe_widget" width="718px">
        <script type="text/fbml">
        <span>
            <iframe id="fdf5a6b542baf6" class="fb_ltr" scrolling="no" name="f19fe08b5aec2e4" style="border: medium none; overflow: hidden; width: 718px; height: 555px;" src="about:blank">
        </span>
    </fb:serverfbml>
</div>

问题是我的容器只有 500px 宽，并且隐藏了任何溢出：

#container { width:500px; overflow:hidden; }

这会导致邀请框被切断。

我已经设法覆盖fb 控件和 iframe 上的内联样式，如下所示：

.fb_iframe_widget[style], #container iframe[style]  {
    width:500px !important; /* yes, I know, but it really doesn't work otherwise */
}

但在 iframe 内部有一个名为 #fb_multi_friend_selector 的元素被以 PHP 扩展名结尾的 CSS 文件强制设置为 718px 的宽度。我假设这是一个动态 CSS 文件，它以某种方式读取 iframe 的样式属性并强制使用该宽度值，但我不知道如何从我的样式表中覆盖它。可以这样做吗？

Answer 1

由于同源政策，您无法访问不是来自您自己域的 iframe 的内容。这是为了防止跨站脚本攻击。