从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的style属性并强制该宽度值，但我不知道如何从我的样式表中覆盖它。有可能这样做吗？

Answer 1

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