<input type="search"> com defeito visual

Fala galera deem uma olhada nesse sistema de busca, eu coloquei border-radius: 10px no CSS mas quando eu clico aparece uma leve seleção retangular envolta!! Como posso resolver isso ?

Os meus códigos estão assim:

--------- HTML ------------

<div class="pesquisa">
	<input type="search" name="busca" placeholder="Buscar no site" id="textoBusca">
</div>

----------- CSS -------------

#textoBusca{
 display: inline-block;
 text-align: center;
 margin-left: 600px;
 margin-top: 18px;
 border-radius: 10px;
 border: solid 0.5px;
 background-color:white;
 font-size:14px;
 height:24px;
 width:400px;
}