How would one go about styling the input type="file" button?

Question

How would one go about styling the <input type="file"> button?

Haven't you tried Google? A couple of searches should've told you that you can't style it directly. — Bojangles, Aug 23 '12 at 14:49
this is a Duplicate of http://stackoverflow.com/questions/572768/styling-an-input-type-file-button — Malachi, Aug 23 '12 at 14:59

score 1 · Answer 1 · answered Aug 23 '12 at 14:49

1

With great difficulty!

In general, you can't style it as you would other elements. Workarounds do exist, but none of them are completely satisfactory.

answered Aug 23 '12 at 14:49

podiluska

score 0 · Accepted Answer · answered Aug 23 '12 at 14:49

0

You can't through CSS. You need to use a JavaScript overlay that hides the display of the File Upload.

answered Aug 23 '12 at 14:49

Shamoon

2 Answers2