Customizing input file in html forms

Preview:

The Markup:

<span class="customInputFile">
 <a href="javascript:void(0)">Choose an image in your computer.</a>
 <input type="file" />
</span>

The CSS:

.customInputFile input[type="file"] {
 display: none;
}
.customInputFile a {
 background: #fff;
 border: 1px dashed rgba(0, 0, 0, 0.1);
 border-radius: 5px;
 display: block;
 padding: 8px 0;
 text-align: center;
}

The JQuery:

$('.customInputFile a').on("click", function() {
 $(this).next('input[type="file"]').click();
});