When we are styling forms with CSS, we can style the text fields and buttons easily. However, File inputs (<input type=”file” />) are the bane of beautiful form design. No rendering engine provides the granular control over their presentation designers desire. Shaun Inman (founder of Mint) has shown us a simple, three-part progressive enhancement provides the markup, CSS, and JavaScript to address the long-standing irritation. We are now be able to style File input buttons as well.
Requirements: Modern Browsers with Javascript Enabled
Demo: http://www.shauninman.com/assets/examples/styling-file-inputs/
License: License Free




[…] it out at http://www.shauninman.com/. [via] Share […]
Hey man. Thanks again for this. Can’t wait to use it.
[…] sencilla) aplicarle un estilo a los inputs type=”file” de los formularios. Hoy leyendo WebAppers me encuentro con un interesante tutorial que nos enseña como aplicarle estilos a esos campos […]
[…] sencilla) aplicarle un estilo a los inputs type=”file” de los formularios. Hoy leyendo WebAppers me encuentro con un interesante tutorial que nos enseña como aplicarle estilos a esos campos […]
Looks very very nice!
I will try this in my new project!
[…] technologies to help me in future projects. It is short and useful posts like this one about Styling File Inputs with CSS and DOM that persuaded me to join the 2200+ subscribers. The fact that there are 2200+ subscribers only 4 […]
RSS feed for comments on this post · TrackBack URI