Spoofed file upload button

by younesalouani

HTML

<div class="profile-upload">
    <input type="file" class="cover-upload__input" />
    <img class="profile-image" src="http://1.bp.blogspot.com/_Ym3du2sG3R4/S_-M_kTV9OI/AAAAAAAACZA/SNCea2qKOWQ/s1600/mac+os+x+wallpaper.jpg" alt="img"/>
</div>

CSS

.profile-image {
    display: inline-block;
    padding: 0;
    color: white;
    text-decoration: none;
    font: 0.75em/1.5 sans-serif;
    cursor: pointer;
    width: 120px;
    height: 120px;
}

.profile-upload {
    display: inline-block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.cover-upload__input {
        position: absolute;
        top:    0;
        right:  0;
        bottom: 0;
        left:   0;
        opacity: 0;
        cursor: pointer;
        width: 100%;
    }