css - 如何删除 twitter 小部件中的边框

Question

我正在尝试在我的网站中包含 twitter 小部件。它是使用Smarty. 我正在尝试自定义小部件。现在它在右侧部分有一个滚动条。我认为我们可以通过向overflow:hiddenclass 添加样式来删除它stream。但我不确定我们该怎么做。我尝试过使用外部 css 文件，但它不起作用。请帮助我通过删除滚动条来自定义它。

 <a class="twitter-timeline"  href="https://twitter.com/username"  data-widget-id="myid" width="376" height="200">Tweets by @name</a>

{literal}
<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>
{/literal}

请在此处查看页面http://www.jobslamp.com/test.php

新代码 -------------

   <div class="clear"></div>{literal}
<style TYPE="text/css">
#footer {
   background-image: none !important;
  }
    </style>{/literal}
    <a class="twitter-timeline"  href="https://twitter.com/username"  data-widget-  id="myid"    width="376" height="200" style="border:1px solid red !important;">Tweets by   @username</a>

 {literal}<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>{/literal}
<div class="clear"></div>

Answer 1

试试这个CSS：

#footer {
background-image: none !important;
}

Answer 2

无需全部禁用。只需使用 API 提供的新参数：

<a href="your_timeline" data-chrome="noscrollbar" ...

来源 = dev.twitter