JSFiddle - React, Tailwind, and code Playground

HTML

Type your text:<br>
<div class="input-container">
  
<input type="text" class="input-transparent" name="fullname"> 
    
</div>

CSS

.input-container {
        background:red;
        overflow:hidden;
        height: 26px;
        margin-top:3px;        
        padding:6px 10px 0px;
        width: 200px;
      }

     .input-transparent {
        background-color:transparent;
        border:none;
        overflow:hidden;        
        color:#FFFFFF;
        width: 200px;
        outline: none;
      }