Criei um form e enquanto digito aparece um x azul no fim, como faz pra retirar ele? segue o html e css:
#formSearch {
background-color: #fffafa;
border: 1px solid black;
min-width: 200px;
}
#formSearchButton {
width: 25px;
height: 25px;
border-radius: 50%;
background-color: rgba(red, green, blue, 100%);
border: 0;
margin-left: 30px;
padding: 1px 1px 1px 1px;
}
#formSearchButton i {
color: black;
<form class="form-inline ml-auto">
<input class="form-control form-control-sm" type="search" placeholder="Search on IMDb" id="formSearch" >
<button class="btn btn-sm" type="button" id="formSearchButton" >
<i class="fa fa-search"></i>
</button>
</form>