Setting size of displayed input box type=file

colinshead · Posted: Wed Nov 14, 2007 10:59 pm Setting size of displayed input box type=file

Hi

I am using a simple file upload script, accessed from the html page using a simple form e.g.

<form enctype="multipart/form-data" action="upload.php" method="post">
Please choose a file:
<input name="uploaded" type="file" /><br /><br />
<input type="submit" value="Upload" />
</form>

All works fine, but the displayed input box (i.e. the box in which the file path is displayed) is set very short by the default behaviour of IE & Firefox.

Does anyone know please if is possible to modify this default behaviour to increase the input box displayed width.

PayneLess Designs · Joined: 28 Feb 2007 Posts: 881 Location: Biloxi, MS

Input Box
The INPUT element

HTHs,

Ron

system · Joined: 15 Apr 2008 Posts: 2

CSS doesn't support file input box.

However you can try some other way to style file input box.

Following article will help you!
http://www.burhankhan.com/css_tricks/styling-file-upload-input-box-in-css/