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

    Done

    Javascript

      Done

      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+