html - 试图从 Twitter 时间轴中删除边框

Question

我目前正在整理我的 Uni 网站，并且正在添加 Twitter 时间轴小部件。我设法移除了那个背景，但在尝试移除小部件周围的 1px 边框时遇到了麻烦。有帮助吗？？

<div style="height: 350px; background-color: white; position: relative; padding: 0px;"><a class="twitter-timeline" href="//twitter.com/handle/my-list" data-dnt="true" data-widget-id="340404022915784704" data-chrome="noheader nofooter">Tweets from @edgehillsu</a> <script type="text/javascript">// <![CDATA[ !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); // ]]></script> </div>

这是代码，在此先感谢。

http://esu.unioncloud.org/

Answer 1

删除边框不需要 css hacking，您可以使用 Twitter 的“客户端选项”

您只需将以下属性添加到 <a>小部件代码中的标签:data-chrome="noborders"

例如:

<a class="twitter-timeline" href="https://twitter.com/userName" data-widget-id="0000000000000" data-chrome="noborders">

来源:https://dev.twitter.com/docs/embedded-timelines