title: making a input type "file" hidden with button
body: <p>I was wondering if this is doable? Google comes up with nothing.</p>
  
  <p>Basically i want to my button to simulate when selected, allowing users to upload files. I've read its possible with labels, but i need to do with a button to do UX/UI </p>
  
  <pre><code>&lt;button style="position:fixed;bottom:10px;right:70px" type="button" class="btn btn-default"&gt;
      &lt;input type="file" id="files" visbility="hidden" /&gt;
      &lt;span class="glyphicon glyphicon-folder-open" aria-hidden="true"&gt;&lt;/span&gt;
  &lt;/button&gt;
  </code></pre>
  
  <p>Currently my button looks like this:
     <img src="https://i.stack.imgur.com/0r07j.png" alt="enter image description here">
  to this:</p>
  
  <p><img src="https://i.stack.imgur.com/k4gjh.png" alt="enter image description here"></p>