Webkit (et donc, Safari, Chrome etc.) créé un halo autour des formulaire et des liens en "focus". Ceci est une bonne idée et permet d’améliorer l’ergonomie sur des formulaires simples, mais si votre design CSS est poussé et que vous voulez personnaliser les "focus" sur vos formulaires, ce halo peut devenir gênant.

Une simple ligne dans vos CSS régleront le problème :

* {outline: none;}

Le sélecteur universel "*" vous permets d’appliquer la propriété à tous les éléments du site. Si vous ne voulez pas utiliser "*" il vous suffit de modifier la propriété "outline" sur chaque champs que vous voulez modifier.