Para aquellos a los que les gusta personalizar hasta el más mÃnimo detalle en sus creaciones web, siempre ha sido una piedra en el zapato el hecho de no poder aplicar un estilo a los campos de tipo «file» en los formularios.
Hace tiempo que ya algunos han dado con soluciones parciales al problema, como por ejemplo:
http://www.shauninman.com/archive/2007/09/10/styling_file_inputs...
Pero desde ayer, tenemos la que a mi juicio es la más completa y sencilla de ellas. Filament Group, comparte el código de uno de los ejemplos de su libro en:
http://filamentgroup.com/lab/jquery_custom_file_input_...
El sistema te permite personalizar usando CSS el aspecto completo del campo.
Y el código para hacerlo es realmente simple:
HTML: <input id="file" name="file" type="file" /> JavaScript (jQuery): $('#file').customFileInput();
Lo malo será que ahora ya no tendré excusas cuando los diseñadores me pidan que aplique un estilo distinto al estándar a este tipo de controles ;)
Espero que os sirva.