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，您可以使用Twitters的“客户端选项”

您只需将以下属性添加到窗口小部件代码中的<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

Answer 2

在css file中添加此内容：

#twitter-widget-0 {
border: 0;
}

或者在你的html页面中：

<style type="text/css">
#twitter-widget-0 {
border: 0;
}
</style>

或在你的剧本里面：

$("#twitter-widget-0").css("border", "0px");

Answer 3

您看到的边框位于iframe内，因此您必须删除iframe内的边框。

.customisable-border {
    border: medium none;
}

这会删除边框。

莫罗

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

3 个答案: