title: How to hide default choose file button
body: <p>How can I hide the default choose file button ?</p>
  
  <p>Here is my html:</p>
  
  <pre><code>&lt;div class="col-md-4"&gt;                           
      &lt;span class="btn btn-info "&gt;&lt;i class="glyphicon glyphicon-plus"&gt; &lt;/i&gt; Browse
          &lt;input type="file" style="position:relative;overflow:hidden" id="inPutArtistImage" name="ArtistImage" accept="image/png, image/jpeg" /&gt;
      &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The button is styled nicely with bootsrap button info colors and the plus icon.</p>
  
  <p>I simply cannot get rid of the grey "Choose file" button.
  Any help is appreciated.</p>
  
  <p>I have tried every solution on StackOverflow</p>