Style of input=File as a button

Question

Hello guys, I'm trying to put some style in the input=file aka uploader and I'm having a hard time with it, is there some NON FLASH solution (maybe jquery or even plain javascript)?

Answer 1

I wrote the following a while back to help me with this problem. Hasn't been updated in a while, but please let me know if you find bugs (just create an issue on the GitHub page).

http://github.com/topherfangio/FancyFile

Answer 2

I think this Quirksmode page may have your solution: http://www.quirksmode.org/dom/inputfile.html

I think CSS is your best bet.

Answer 3

It's doable, but not that easy. You need to mimic the file input with a normal input element/button and overlay the original file input with it. Long story short: http://www.quirksmode.org/dom/inputfile.html There are jQuery plugins for this, like this one.

Answer 4

You can try this http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom