title: How do I style the "no file chosen" tooltip for file upload buttons in order to position it below the button?
body: <p>I have managed to remove the tooltip entirely, just to see if it was possible to style this tooltip, in any way. But what I actually need is to position it centred below the choose file button.
  The CSS for getting rid of the tool tip was basically this:</p>
  
  <pre><code>input[type="file"] {
  display: none;
  }
  </code></pre>
  
  <p>Which basically results in the button looking <a href="https://i.stack.imgur.com/DTtay.png" rel="nofollow noreferrer">like this</a></p>
  
  <p>However, if I remove the css, I am left with <a href="https://i.stack.imgur.com/JsmBW.png" rel="nofollow noreferrer">this mad button inside of a button mess</a> which includes the tooltip inside the button</p>
  
  <p>To be clear, both the button and the button within the button do the same thing. I am not 100% clear on why it displays like it as this is my first time working with a file upload button which isn't my own code.</p>