me aparece un BORDE en el recuadro del BUSCADOR

[rulzzz]

buenas, en un buscador, al hacer click para buscar para escribir la busqueda le sale un borde amarillo alrededor del recuadro de busqueda, pero eso solo me pasa en CHROME, como puedo hacer para que no salga ese borde?

este es el codigo de la etiqueta de busqueda:

<INPUT id='TFbuscador' TYPE=text name=q size=31 maxlength=255 style="color:#B5B5B5" value="buscar..." onclick="if(this.value=='buscar...'){ this.value=''; this.style.color='#666666';} " onblur="if(this.value==''){ this.value='buscar...'; this.style.color='#B5B5B5'; }" >

y en las propiedades CSS de la ID a la que pertenece el buscador, le tengo puesto "border:none"..... nose si el problema estará en el "ONCLICK" de javascript, ya que el bordeado le aparece al hacer click.


de que puede ser?

[George1217]

Que no se supone q lo del borde amarillo lo hace chrome automaticamente ? a mio tambien me sucede eso en algunos sitios.

[rulzzz]

nose pero debe haber alguna manera de quitarlo, porque no queda demasiado bien en algunos casos la verdad :S

[tredio]

con esto le pueden quitar el recuadro naranja que coloca chrome:

Código CSS:

*:focus  
{  
    outline: none;  
}
 

fuente: http://devtacular.com/articles/bkonr...range-outline/