Styling File Inputs with CSS and the DOM. Clever hack to style the un-stylable: set the opacity of the file input to 0, then use a bit of JavaScript to make sure the (now invisible) browse button is always under the mouse.
Styling File Inputs with CSS and the DOM. Clever hack to style the un-stylable: set the opacity of the file input to 0, then use a bit of JavaScript to make sure the (now invisible) browse button is always under the mouse.
Let's see, no mouse pointer feedback, no pliancy (arm/disarm on hover), no focus visibility. Just a bunch of dead pixels that expect you to interact with them because they tell you to.
That designers suck as badly as programmers when it comes to usability is nothing new, but it's always good to get a reminder ;-)
Fredrik - 11th September 2007 09:54 - #
You missed the worst bit: it doesn't tell you if a file has actually been selected. Definitely worth linking to as an example of ingenious hackery though.