Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

HTML File upload field style

I am trying to create a file upload field that has a little bit of style to it, but I seem to be having problems finding examples of this. I know part of the reason is that the field itself varies from browser to browser.

Any ideas how to do this? Or is there a way to do this without using a file element of a form that can be styled?

like image 695
Señor Reginold Francis Avatar asked Feb 16 '10 20:02

Señor Reginold Francis


1 Answers

If what you mean is the text field for the file names, you can use the input[type=file] selector in the css files. For example :

input[type=file] { background-color: red; }

If what you mean is the file selection dialog box, I think it's browser/OS dependent and there's little (if any) you can do about it.

like image 147
Furunomoe Avatar answered Nov 06 '22 09:11

Furunomoe