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 黑客来删除边框，您可以使用 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

Answer 2

The border you see is inside iframe, so you have to remove border inside iframe.

.customisable-border {
    border: medium none;
}

This removes border.

Mauro

Answer 3

将此添加到您的css 文件中：

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

或在您的 html 页面中：

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

或在您的脚本中：

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