change file input theme

Question

how can I change classic file input theme to modern style like material design?

Answer 1

use css to change whatever you want

Answer 2

no your answer is not correct

Answer 3

one solution is hide input file and create a beautiful label and bind it's event to input file.

Answer 4

Its always tricky to style inputs like this, same for select lists. Especially as each browser displays them differently so javascript could be your answer.

When I was looking at this before I used this below tutorial which was very helpful.

https://tympanus.net/codrops/2015/09/15/styling-customizing-file-inputs-smart-way/

Answer 5

ok tell me the answer I may learn from you 😊

Answer 6

no I search alternative solution