Styling File Inputs with CSS and the DOM

Posted by paul, Wed Sep 12 10:58:00 UTC 2007

Here is a nice little way to style those ugly file inputs:

File inputs (<input type="file" />) are the bane of beautiful form design. No rendering engine provides the granular control over their presentation designers desire. This simple, three-part progressive enhancement provides the markup, CSS, and JavaScript to address the long-standing irritation.