新的 Twitter 小部件答案

【问题标题】：New Twitter Widget新的 Twitter 小部件
【发布时间】：2013-10-17 22:27:45
【问题描述】：

我无法删除（twitter 小部件 v1.1）页眉和页脚

twitter 小部件生成的代码：

<a class="twitter-timeline" href="https://twitter.com/MonTy_Adel" data-widget-id="261143811491774464">Tweets by @MonTy_Adel</a>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

此代码属于 twitter 小部件 v1.0 但不工作：

.twtr-hd, .twtr-ft
{
display: none;
}

【问题讨论】：

标签： api widget twitter

【解决方案1】：

您是否尝试将 !important 添加到 display:none; 的末尾？它应该是

.twtr-hd, .twtr-ft
{
display: none !important;
}

【讨论】：

【解决方案2】：

您无法通过域上的样式表为 iframe 内的元素设置样式。相反，您必须将样式注入 iframe。 See this question.

【讨论】：

【解决方案3】：

添加到href这个属性
data-chrome="nofooter noheader"

像这样：

<a class="twitter-timeline" href="@user_name" data-widget-id="app_id" data-chrome="nofooter noheader" >Tweets from @user_name</a>

【讨论】：