title: Is there a way to make the native `browse` button on a file input larger cross browser?
body: <p>As you may know, you can make your own file input control using the (hacky) approach of positioning the file input over your custom button and using <code>opacity: 0</code> on the file input itself.</p>
  
  <p>The image below shows the intended design with the file input absolutely positioned over the browse button.</p>
  
  <p><img src="https://i.stack.imgur.com/84XRq.png" alt="Example"></p>
  
  <p>As you can see, the faux browse button is much larger than the one the browser (Firefox 4) has drawn.</p>
  
  <p>If I increase the width of the input, it seems to reach a limit where it won't increase anymore.</p>
  
  <p><a href="http://jsfiddle.net/rH5SY/" rel="noreferrer">Here is a jsFiddle to play with</a>, demonstrating the problem. The <em>real</em> browse button should be the same size as the faux one. </p>
  
  <p>Is there a way to pull this off, or <em>must</em> I use Flash or make the button smaller?</p>