Styling & Customizing File Inputs the Smart Way

Osvaldas Valutis is right, using the <label> to trigger the native browser functionality is the way to go. Then style up the label as needed, enhancing with some JavaScript if you like. Same concept as the checkbox hack.

Styling & Customizing File Inputs the Smart Way

DropzoneJS drag’n’drop file uploads

TUS – resumable file upload protocol

File upload with preview

Open source file uploader for web browsers

Uppy, JavaScript file uploader

Smart House Icon Set – Free (SVG, EPS, PNG, Sketch)

A Modern Flat-File CMS

Designing Wedding Templates with Smart Objects

How to Add Additional File Types to be Uploaded in WordPress

Styling Cross-Browser Compatible Range Inputs with CSS

Styling And Animating SVGs With CSS

The Guide to Smart Pop Up Design

Cute File Browser with jQuery and PHP

Create Smart Fixed Navigation

10 Useful jQuery File Uploading Plugins

Label Your Form Inputs with jQuery Label Better

Responsive menu: the smart way to design websites

Customizing the WordPress Admin: The Login Screen

A Drop-down Builder for Styleable Inputs and Menus

5 Simple Tips for Smart Email Marketing

Parallax.js, Reacts to the Orientation of Smart Device

21 Smart Box Logos For Inspiration

Heading Set Styling with CSS

Custom Drop-Down List Styling

50 3D High Quality PSD File Icons

Customizing the WordPress login page for consistent branding

13 Photoshop Tutorials for Learning About Smart Objects