title: Tab custom file upload button
body: <p>I've created my own custom file upload button by creating a label and hiding the input element with css. This all works fine, but the problem is I can't use the button by tabbing and enter. I tried adding tabindex=0 to the label. I could then tab to the element ok but there was no action when clicking enter as it is only a label. </p>
  
  <p>Here is the HTML code</p>
  
  <pre><code>&lt;label class="custom-file-upload&gt;
  &lt;input type="file"&gt;
  Choose file
  &lt;/label&gt;
  </code></pre>
  
  <p>and css to hide the default file upload button</p>
  
  <pre><code>input[type="file"] {
      display: none;
  }
  </code></pre>
  
  <p>Any help is much appreciated.</p>