Applying css on asp.net FileUpload Control's Browse Button only

Question

I have a FileUpload Control like this

<asp:FileUpload ID="fileuploader" runat="server" />

Now I want to apply css only on the Browse button part

How can I do this?

Answer 1

apparently you cannot style them directly with CSS but you can "hack" a new style into them - read the following article for details

http://www.quirksmode.org/dom/inputfile.html

Answer 2

Styling an input tag with type="file" requires a bit of work, browsers don't behave similarly when you try to style then unfortunately.

There are a few methods of doing so though:

• http://www.quirksmode.org/dom/inputfile.html
• http://www.appelsiini.net/projects/filestyle