title: Select tag with no drop down options
body: <p>I'm trying to create a <code>select</code> tag with no drop down options</p>
  
  <p>I need the appearance as the first output (no drop down) but with only one option, so that I can <strong>toggle the options</strong> without pulling a drop down list.</p>
  
  <p>I tried setting height to the select tag but its not working.</p>
  
  <p>My problem is not about hiding the first element, I don't want to pull a drop down list for options I need to toggle the options.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>/*.scrollable{height:25px;}*/
  
  .scrollable{margin-right:25px;}</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;select size="2" class="scrollable"&gt;
    &lt;option&gt;1&lt;/option&gt;
    &lt;option&gt;2&lt;/option&gt;
    &lt;option&gt;3&lt;/option&gt;
    &lt;option&gt;4&lt;/option&gt;
    &lt;option&gt;5&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;select size="1"&gt;
    &lt;option&gt;1&lt;/option&gt;
    &lt;option&gt;2&lt;/option&gt;
    &lt;option&gt;3&lt;/option&gt;
    &lt;option&gt;4&lt;/option&gt;
    &lt;option&gt;5&lt;/option&gt;
  &lt;/select&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Is this even possible by only using html &amp; css (and also any scripts if possible) ?</p>