title: Styling a file-upload button
body: <p>I am creating a simple file-upload web. This is the code that i have:</p>
  
  <pre><code>    &lt;form  action="" method="post" enctype="multipart/form-data"&gt;
      &lt;input type="file"  id="upload-photo" name="files[]" multiple="multiple" accept="image/*"/&gt;
  &lt;button type="submit" value="Upload!"&gt;Upload&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I've seen a lot questions pretty much like mine but I couldn't find a solution. Maybe I can't apply them to my code. Not sure how to use labels cause after I create one it appears as text and I am not able to style it like a button. Also a piece of space stays blank, after i change the opacity of the <code>&lt;input type="file"  id="upload-photo" name="files[]"</code> to 0.Any advice would be helpful.
  Thanks in advance.</p>