title: Remove border/outline from vis-timeline
body: <p>I have very simple timeline testing things on Vis-Timeline. Is there a way to get rid of the Outline of the timeline?</p>
  <p>As you see in the code there is border in css but this is external border. I'm talking about outline of the graph.</p>
  <pre class="lang-html prettyprint-override"><code>&lt;!doctype html&gt;
  &lt;html&gt;
  
      &lt;head&gt;
          &lt;title&gt;Timeline&lt;/title&gt;
          &lt;script type=&quot;text/javascript&quot; src=&quot;https://unpkg.com/vis-timeline@latest/standalone/umd/vis-timeline-graph2d.min.js&quot;&gt;&lt;/script&gt;
          &lt;link href=&quot;https://unpkg.com/vis-timeline@latest/styles/vis-timeline-graph2d.min.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;
          &lt;style type=&quot;text/css&quot;&gt;
              #visualization {
                  width: 600px;
                  height: 400px;
                  border: 1px solid lightgray;
              }
          &lt;/style&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;div id=&quot;visualization&quot;&gt;&lt;/div&gt;
          &lt;script type=&quot;text/javascript&quot;&gt;
              // DOM element where the Timeline will be attached
              var Container = document.getElementById('visualization');
  
              // Create a DataSet (allows two way data-binding)
              var items = new vis.DataSet([
                  { id: 1, content: 'item 1', start: '2014-04-20 11:10:01' },
                  { id: 2, content: 'item 2', start: '2014-04-20 11:10:02' },
                  { id: 3, content: 'item 2', start: '2014-04-20 11:11:02' },
                  { id: 4, content: 'item 2', start: '2014-04-20 11:13:02' },
                  { id: 5, content: 'item 2', start: '2014-04-20 11:14:02' },
                  { id: 6, content: 'item 2', start: '2014-04-20 11:15:02' },
  
              ]);
  
              // Configuration for the Timeline
              var options = {};
  
              // Create a Timeline
              var timeline = new vis.Timeline(Container, items, options);
          &lt;/script&gt;
      &lt;/body&gt;
      &lt;footer&gt;
          &lt;style&gt;
              .vis-timeline {
                  outline: none;
              }
          &lt;/style&gt;
      &lt;/footer&gt;
  
  &lt;/html&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/VL3UI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VL3UI.png" alt="enter image description here" /></a></p>
  <p>So I can remove:</p>
  <pre class="lang-css prettyprint-override"><code>#visualization {
      width: 600px;
      height: 400px;
      /* border: 1px solid lightgray; */
  }
  </code></pre>
  <p>But this only removes the external border.</p>
  <p>I tried using similar approach to a problem I had with vis.js: <a href="https://stackoverflow.com/questions/58040152/vis-network-js-suppress-border-from-showing-up">Vis-Network.js suppress border from showing up</a></p>
  <pre class="lang-css prettyprint-override"><code>.vis-timeline {
      outline: none;
  }
  </code></pre>
  <p>But it doesn't do anything - maybe I'm using wrong class, but I tried different classes with no change.</p>