Custom Upload Button

Question

hi i was just wondering how you can create you own custom file upload button, because the best i can do is

Answer 1

Use the input's label as custom upload button:

upload 

and CSS:

 label.uploadfilelabel{/*custom label here*/}
 input[type=file]{display:none;}

Notice that we did not display the main input button, because otherwise it will occupy space