How to rename HTML “browse” button of an input type=file?

Question

How to rename the browse button as \"Select the file\"? E.g.:

Answer 1

The input type="file" field is very tricky because it behaves differently on every browser, it can't be styled, or can be styled a little, depending on the browser again; and it is difficult to resize (depending on the browser again, it may have a minimal size that can't be overwritten).

There are workarounds though. The best one is in my opinion this one (the result is here).