How to change the width of an HTML upload field with CSS?

Question

I can change the width of an upload field with the size attribute:

<input type="file" size="20">

But CSS's width, which works fine for regular input fields and other forms controls, seems to have no effect here, even on Firefox:

<input type="file" style="width: 20em">

Is there another way to accomplish this?

@Mark, ah the old "shouldn't" versus "doesn't, does it?" debate... =) — David Thomas
– David Thomas, Commented Nov 12, 2009 at 23:33

Michael · Accepted Answer · 2009-11-12 23:30:25Z

7

I'm not sure if this will help but this article seems to go quite in-depth into various ways of styling a file-input:

answered Nov 12, 2009 at 23:30

Michael

1,70611 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

@Michael, this is an excellent resource. Not as simple as adding some CSS, but it will do the trick. Thank you for sharing that.