How to customize the default input file "choose file" button

i tried customizing the input file button but this method does seem to work as i expected.The problem is after styling the input file button when i try to upload the file, the uploaded file(ex:sample txt) does not appear. is there any better way to customize this choose file button https://code.sololearn.com/Ws7xd0aauFHy/?ref=app

1/13/2020 10:51:00 AM


9 Answers

New Answer


Angry Coder 😤 thanks re!!! it works actually but wt i meant is after customizing the input file button when i upload the file ,the uploaded file name example like (sample.txt) does nt appear....i was actually seeking solution for that :)


Someone/Experts might say this is really inefficient idea . . . But, as code name says. . . It works https://code.sololearn.com/W4KXVWmPsl2t/?ref=app


Salem Ouail i knew we can do with js too if you could explain here it would be great dont just give statements👀 !!!


you need javascript for that


Monisha🌻 i said that cause tags in this post are html- css. ps:this is only trick u can do to style it with css: https://code.sololearn.com/WIpysExCzmFk/?ref=app put visibility to 100 (last line) to understand the code


How would you want to customize this button?


Good morning


Hello Monisha ! Just Style, perhaps you need a function() to insert the file. https://code.sololearn.com/WYNVua3OtG4C


Hi, Monisha hit me up on Facebook.. https://www.facebook.com/officialpreciousadeyinka I will help you out!