<input type='file' class='input-file' id="input_file">
<button class='input-btn' id='input_btn'>Browse</button>
.input-file{
  display:none;  
}
.input-btn{
  background-color:#8c8c8c;
  color:#fff;
  border:1px solid #8c8c8c;
  padding:5px;
  border-radius:6px;
  box-shadow:1px 1px 3px #000;
  margin:10px;
}
.input-btn:hover{
  background-color:#c9cccb;
}
document.getElementById("input_btn")
.addEventListener('click',function(){
  document.getElementById("input_file").click();  
},false);

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.