type="file" by default will look like in the fiddle below, and I'm almost certain that is not what you or your visitors want. So how can it be customize?
There are two easy and simple ways of doing this. I'll show you down below, the first one is by using Bootstrap and the second one is by using jQuery. Choose whatever approach is better for you.
To achieve this, in both cases the default input button is hidden using the
display CSS property and a new button element is added to replace it, so we can customize as we wish.
In this case the