Styling file inputs with CSS and the DOM

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.

This solution is known to work in:

  • IE 5.5+
  • Firefox 1.5+
  • Safari 2+

Shaun Inman, we salute you.

About this entry

You’re currently reading “Styling file inputs with CSS and the DOM,” an entry on pilmore, lee

Published:
09.12.07 / 1pm
Category:
CSS, UI / Usability, Web design