api - 新的 Twitter 小部件

Question

我无法删除（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;
}

Answer 1

添加到 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>

Answer 2

您不能通过域上的样式表对 iframe 内的元素进行样式设置。相反，您必须将样式注入 iframe。看到这个问题。

Answer 3

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

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