Notes

Désactiver le halo bleu de safari sur les formulaires en "focus"

Tags : ,

Webkit (et donc, Safari, Chrome etc.) crée 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églera le problème :

* {outline: none;}

Le sélecteur universel "*" vous permet 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 champ que vous voulez modifier.

© 2017 - Abel Poucet web design