Recuerdo con claridad que la primera vez que utilice Google Chrome me disguste con el borde naranja que el propio navegador colocaba en los cuadros de texto de cualquier página cuando el usuario presionaba en ellos, y luego de esto me enteré que Safari también hacía lo mismo (con la diferencia de que el borde en este caso es azul).

No es posible configurar los navegadores para evitar este comportamiento, pero si somos programadores y estamos confeccionando un diseño web propio lo que podemos hacer es deshabitar las “metidas de mano” de Google Chrome y Safari mediante CSS.

*:focus {outline: none;}

El código, tal cual se muestra, eliminará el borde exterior de cualquier elemento seleccionado encontrado en nuestro diseño, afectando de esta manera no sólo a los cuadros de texto, sino también a, por ejemplo, enlaces o botones. Por esto mismo lo adecuado sería aplicar la propiedad outline:none; a elementos específicos (sin olvidar la pseudo-clase :focus luego de la clase del elemento involucrado).