Je cours Mac OS donc je ne peux pas vraiment dire si cet effet est présenté sur les machines Windows ou pas, donc je m'excuse si cet effet n'est pas vu pour vous. Les champs Input et TextFields semblent avoir un rectangle bleu lorsqu'ils sont focalisés, au moins sur Firefox et Chrome sur un Mac. J'ai un effet de focus personnalisé sur un site, et je me demande si je peux éviter d'avoir ce comportement de sélection par défaut. Google l'évite sur leur site. Je suis allé aussi loin que d'obtenir le style CSS 'in-effect' pour la boîte de saisie de Google, l'appliquer à mon objet css. Cependant, il montre toujours le rectangle bleu. Je ne suis pas sûr du type de vaudou google, mais il ne me semble pas que ce soit des attributs HTML ou CSS. Quelqu'un sait comment éviter cet effet? Merci!Se débarrasser du rectangle de focus bleu sur les champs de saisie en HTML/CSS?
37
A
Répondre
99
Il s'agit en fait d'un attribut CSS. Cela masquera cet effet lumineux:
input:focus, textarea:focus {
outline: none;
}
Questions connexes
- 1. Comment se débarrasser du rectangle de focus bleu d'un composant flash?
- 2. Formulaires IE6: focus désactivé sur les champs de saisie? (IE multiples après IE8)
- 3. Empiler les champs de saisie les uns sur les autres
- 4. Comment se débarrasser du clignotement du rectangle blanc qui se produit pendant le chargement de l'applet Java?
- 5. Se débarrasser du dégradé en haut d'une activité (Android)
- 6. en utilisant jquery focus pour vider les champs de texte
- 7. Se débarrasser du signe dollar?
- 8. Définition du focus de contrôle de saisie sans javascript
- 9. Comment régler automatiquement MAXLENGTH sur les champs de saisie?
- 10. se débarrasser de nbsp
- 11. Essayer de créer un rectangle rempli d'objet UIImage bleu
- 12. Définition du focus sur une zone de saisie HTML lors du chargement de la page
- 13. saisie semi-automatique afficher toutes les options sur le focus
- 14. Se débarrasser de l'encodage en lxml
- 15. se débarrasser de l'information vide
- 16. bulles dans les champs de saisie - Comment?
- 17. Supprimer les événements de clavier pour les champs de saisie
- 18. Comment se débarrasser de l'horrible rectangle arround <a> tag
- 19. Se débarrasser de Django IOErrors
- 20. Se débarrasser du rembourrage supplémentaire pour RadTab
- 21. Comment se débarrasser d'un point d'interrogation dans un carré bleu dans UIWebView?
- 22. regex php: "se débarrasser [link1] se débarrasser [link2] ... se débarrasser" - problème 'se débarrasser' quand il n'y a pas [link]
- 23. Comment se débarrasser de TypeError
- 24. Comment se débarrasser de document.write?
- 25. aider à se débarrasser du code en double?
- 26. Comment se débarrasser de l'exception de sécurité?
- 27. jquery: focus et flou sur le champ de saisie du mot de passe
- 28. Gestion du focus de saisie sur une application de vue multiple SDI MFC
- 29. Impossible de se débarrasser du clavier dans UITextView
- 30. Comment se débarrasser de void-pointers
Je l'ai déjà utilisé, aussi .. Doh. Merci beaucoup .. (Fonctionne avec brio) – Kyle
Gardez à l'esprit qu'il s'agit d'une fonctionnalité d'utilisation du navigateur. Les utilisateurs, en particulier les utilisateurs centrés sur le clavier, aiment savoir où se trouve l'accent avant de taper. Si vous supprimez ce comportement, envisagez de fournir d'autres moyens pour indiquer le focus pour l'utilisateur. – Doug
Pour ajouter à ce que Doug a dit, il ne s'agit pas seulement d'une caractéristique d'accessibilité, c'est une caractéristique d'accessibilité. Voir http://developer.chrome.com/extensions/a11y.html#keyboard Il est un peu ennuyeux que sur OSX le contour soit si gras. –