JSFiddle - React, Tailwind, and code Playground

by ikhanm

HTML

<span class="l">&nbsp;</span>
<input type="textbox" id="tb"/>
<span class="r">&nbsp;</span>

CSS

#tb{
    border: none;
outline:none;
outline-offset: 0;
border-bottom: 1px solid;
border-color:#33B5E5;
padding:5px;
    border-right : solid 1px #33B5E5;
    border-left : solid 1px #33B5E5;
}

span.l{
    position:relative;
    left : 10px;
    top:-2px;
    background-color:white;
}

span.r{
    position:relative;
    left : -10px;
    top:-2px;
    background-color:white;
}