CSS HTML form "file" cutomize.

Question

Can someone teach me or give me a link for my problem?

I wanted to cutomize my form "file" --> for uploading.
How can I customize it?

.classfile {
css codes....
}

<input type="file" name="name" class="classfile" />

If I do that way the text box and button of form will be affected. What is the other way to customize that?

Answer 1

You can't style a

<input type="file">

Just with CSS. Take a look here for a great trick : http://www.quirksmode.org/dom/inputfile.html

Answer 2

The short answer: You can't and you shouldn't. This is done purposely, to stop tricking people with this security/privacy critical element.

Answer 3

Use jquery http://www.uploadify.com/demo/