Стилизовать инпут типа файл достаточно просто при помощи CSS. Для этого необходимовырезать картинку, заменяющую изображение данного input. Например мы вырезали картинку input_file.png размером 129px на 44рх.
Завернем наш инпут в <div class="input-file"> Получится такой html-код:<div class="input-file"><input type="file" /></div>
ЦСС для этого будет такой...
CSS:
div.input-file { overflow:hidden; width:129px; height:44px; cursor:pointer; background:url(../images/input_file.png) no-repeat; }
div.input-file input { opacity:0; filter:alpha(opacity:0); font-size:199px; cursor:pointer; padding:0px; margin:0px; border:none; margin-left:-450px; }
Вот что должно получиться: