Custom Upload Button

Question

hi i was just wondering how you can create you own custom file upload button, because the best i can do is

Answer 1

I think you can also try doing it this way:
Creating an additional element which you can style easily with CSS

  Upload
  

like

.container {
  position: relative;
}
.uploadButton {
  height: 25px;
  width: 66px;
  display: block;
  cursor: pointer;
  background: url('http://www.ifunia.com/images/christmas/youtube-upload-button.gif') center center no-repeat;
}
input[type="file"] {
  display: block;
  width: 66px;
  height: 25px;
  clip: rect(0px 0px 0px 0px);
  position: absolute;
  left: 0;
  top: 0;
}

  

    
    
  
  

  Submit