Стилизовать инпут типа файл достаточно просто при помощи 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;
    }

Вот что должно получиться:

 

Добавить комментарий


Защитный код
Обновить