JSFiddle - React, Tailwind, and code Playground

by Zuhaib Siddiqui

HTML

<input id="Search" name="Search" type="search" placeholder="Search" />

CSS

#Search{
width:480px;height:49px; border:3px solid black;
padding-left:48px;
padding-top:1px;
font-size:22px;color:blue;
background-image:url('images/search.jpg');
background-repeat:no-repeat;
background-position:center;
outline:0;
}

#Search::-webkit-search-cancel-button{
    position:relative;
    right:20px;    
}