File Input

CSS for the file input button, to establish design consistency within forms.

Before

After

HTML
Add multiple in order to select multiple files.
Different button classes can be used on the button (.btn-primary is shown ).
For more on HTML file input, see W3 Schools.
For a more complete solution, see the Ajax File Uploader.
Dependencies
jQuery (Or rewrite the 8 lines of code used).

See the Pen CSS for File Input by btn.ninja (@btn-ninja) on CodePen.