# Styling & Customizing File Inputs the Smart Way

A tutorial on how to style and customize <input type="file"> in a semantic, accessible way using the <label> element and some JavaScript. By Osvaldas Valutis.

[Article on Codrops](http://tympanus.net/codrops/?p=24831)

[Demo](http://tympanus.net/Tutorials/CustomFileInputs/)

## License

Integrate or build upon it for free in your personal or commercial projects. Don't republish, redistribute or sell "as-is". 

Read more here: [License](http://tympanus.net/codrops/licensing/)

## Credits

Icon made by [Daniel Bruce](http://www.danielbruce.se) from [www.flaticon.com](http://www.flaticon.com) is licensed under [CC BY 3.0](http://creativecommons.org/licenses/by/3.0/)

## Misc

Follow Osvaldas: [Twitter](http://twitter.com/osvaldas), [Dribbble](http://dribbble.com/osvaldas), [Google+](https://plus.google.com/107216309002112755043?rel=author)

Follow Codrops: [Twitter](http://www.twitter.com/codrops), [Facebook](http://www.facebook.com/pages/Codrops/159107397912), [Google+](https://plus.google.com/101095823814290637419), [GitHub](https://github.com/codrops), [Pinterest](http://www.pinterest.com/codrops/)

[© Codrops 2015](http://www.codrops.com)





