JSFiddle - React, Tailwind, and code Playground

HTML

<span class="filewrap">
    Some funny german words I don't understand
    <input type="file"/>
</span>

CSS

.filewrap{
    position:relative;
    background:#000;
    border:1px solid #cc0000;
    padding:15px 100px ;
    color:#fff;
    font-family:sans-serif;
    font-size:12px;
}

input[type="file"]{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    cursor:pointer;
}

body{
    background:#656565;
    padding:20px;
}