CSS HTML form "file" customize

Question

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

I wanted to customize 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?

Boris Delormas · Accepted Answer · 2010-06-11 08:46:56Z

2

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

answered Jun 11, 2010 at 8:46

Boris Delormas

2,5391 gold badge20 silver badges27 bronze badges

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

Comments

RoToRa · Accepted Answer · 2010-06-11 08:50:01Z

0

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

answered Jun 11, 2010 at 8:50

RoToRa

38.5k12 gold badges72 silver badges110 bronze badges