title: CSS: How to hide file input but keep the filename?
body: <p>I want to hide the file input "Choose file" button but I want to keep the filename. How can I do this?</p>
  
  <p><a href="https://i.stack.imgur.com/SZjJ2.png" rel="noreferrer"><img src="https://i.stack.imgur.com/SZjJ2.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;input
    name="upload"
    id="upload-input"
    placeholder="Select a file"
    ref="fileInput"
    type="file"
    required&gt;
  </code></pre>