Научи ме

WEB => HTML и CSS => Темата е започната от: luckyes в 17 Февруари 2011, 12:33:06

Титла: Смяна на бутона Browse
Публикувано от: luckyes в 17 Февруари 2011, 12:33:06
Здравейте искам да попитам дали някой може да ми каже как да сменя бутона browse при upload на file. Имам картинка и искам тя да се показва вместо стандартния бутон, а също така и да не е показва текстовото поле, където се изписва пътя до файла.
Титла: Re:Смяна на бутона Browse
Публикувано от: kerkenez в 18 Февруари 2011, 14:38:41
Примерно така
<div style="
     background: url('http://www.rebusfarm.com/images/stories/Farminizer_screens/Upload.png') no-repeat 0 0;
     position: relative;
     overflow: hidden;
     width: 50px;
     height: 50px;
     cursor: pointer;
     ">

    <input type="file" style="
           -moz-opacity: 0;
           filter: alpha(opacity: 0);
           opacity: 0;
           z-index: 2;
           position: absolute;
           top: -50px;
           width: 50px;
           height: 150px;
           cursor: pointer;
           " name=""
       />
</div>