Custom CSS File Upload Form Control
Custom CSS File Upload Form Control. You can use it anywhere to add a file upload field in your forms. It uses <input type="file"> whose opacity has been set to 0 which makes it invisible. The control's container has a nice gradient and it's :before pseudo element's content has been set to 'UPLOAD'. I tried setting 'UPLOAD' as the text of the container div but then the file upload action got prevented.
It is a nice little creation and is very useful in some cases so feel free to use it.