View Full Version : How can I change the Browse button that comes with File input tag?

05-11-2009, 10:38 PM
I need to replace the Browse... button that comes with File input tag with an image that looks like a button. How can I do that?!

05-12-2009, 12:22 AM
Impossible with plain HTML/CSS. Almost all browsers have totally different implementations (http://456bereastreet.com/lab/styling-form-controls-revisited/file-select/#camino1) of the file upload input and the styling possibilities are very limited if at all present. The only thing you can do is using some more or less complicated JavaScript (http://www.quirksmode.org/dom/inputfile.html) to replace the entire input with a regular element and make it perform the usual action on user interaction.

05-12-2009, 08:58 PM
Thank you. Now, I know for sure it cannot be done! :)