Cambiar estilo a los “file inputs” de formularios.

Muchas veces nos hemos encontrado con diseños maravillosos, que pueden verse gravemente afectados con los feos botones de browse (file inputs), como por ejemplo en formularios de envío de formularios, adjuntar documento a un mensaje, etc.

Aunque ya habíamos visto que existían algunas maneras de hacerlo, muy pesadas y costosas al navegador, he encontrado un script realizado por Mika Tuupola, que gracias a jQuery y en tan solo 4 KB, es capaz de poner como botón de un file input, cualquier imagen de nuestro interés. Aún no hemos realizado las pruebas, pero en la página de demo del autor, parece que funciona estupendamente.

Accede AQUÍ para ver el código.