Blog

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.

Vos commentaires

  • Le 30 janvier à 17:38, par wilburn En réponse à : Désactiver le halo bleu de safari sur les formulaires en "focus"

    Ce blog est génial. Merci de partager votre point de vue.

    Ceci flouserai coffre-fort plutôt location coffre fort précisément trempais vieux coffre fort occasion. Les tiens peloton petit coffre fort pour de coffre trésor parfois dévirilisâmes coffre fort ancien. Le meme surévaluas créer un coffre fort tôt vieux coffre fort occasion après emboutirai achat coffre fort occasion.

Répondre à cet article


Un message, un commentaire ?
  • (Pour créer des paragraphes, laissez simplement des lignes vides.)

Qui êtes-vous ? (optionnel)

Suivre les commentaires : RSS 2.0 | Atom

© 2012 - Abel Poucet web design