javascript - Twitter 提要小部件的 CSS 覆盖

Question

我已经阅读了一些关于 Twitter 小部件的 CSS 覆盖的其他主题。我试过添加

!important

但是还没有生效。我只想隐藏小部件的中间部分。当我使用 Firebug 时，div 消失了。目前我正在使用，

#twitter-widget-0 .timeline .stream {
display: none !important;
}

请有人能帮助我一些 javascript 或 jQuery。任何帮助都会很棒!

Answer 1

新的 Twitter 小部件通过插入一个 <iframe> 来工作。到你的文档中。因此，由于 Same Origin Policy，您无法在父文档中使用 CSS 修改样式。 .

您可以对其进行的唯一更改是 Twitter 通过 data-* 公开的设置属性。例如

data-chrome="noheader nofooter" data-link-color="#cc0000"

没有隐藏正文的选项，只能隐藏页眉或页脚。

Documentation

旧的 Twitter 小部件的工作方式不同，它将元素直接插入当前文档而不是 iframe，因此旧的允许您覆盖样式。

如果 Twitter 小部件不够灵活，无法满足您的需求，那么您始终可以使用 Twitter API 来获取推文并生成您自己的小部件。这样做的缺点是您必须管理 API 调用以获取推文并实现缓存等。