Ajax Loader
×

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.

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    Custom CSS File Upload Form Control

    CSSDeck G+