JSFiddle - React, Tailwind, and code Playground

HTML

<input hidden/>

CSS

input{
    -webkit-appearance:none;
    -o-apperance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    padding:0;
    border:0;   
    background-image:url(http://placedog.com/400/300);
    height:300px;
    width:400px;
    display:block;
    cursor:default;
}

input:focus{
    outline: none;
}

input:focus:after{
    content:"TEST";
    background-color:red;
    height:30px;
    width:100%;
    display:block;
    position:relative;
    top:270px;
}