JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <input type="text" />
</div>

CSS

input {
    border: 0;
    background: transparent
}


div {
    border: 3px dashed blue;
    display: inline
}
body {
    background: #fcecfc; /* old browsers */
    background: -moz-linear-gradient(left, #fcecfc 0%, #fba6e1 50%, #fd89d7 51%, #ff7cd8 100%); /* firefox */
    
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcecfc), color-stop(50%,#fba6e1), color-stop(51%,#fd89d7), color-stop(100%,#ff7cd8)); /* webkit */
    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcecfc', endColorstr='#ff7cd8',GradientType=1 ); /* ie */
}