J'ai vu que le chrome met une bordure plus épaisse sur :focus
, mais il ressemble un peu dans mon cas où j'ai utilisé border-radius aussi. Y at-il de toute façon pour enlever cela?Comment réinitialiser/supprimer la mise en surbrillance/la mise au point de la bordure chromée?
Répondre
Vous devriez être en mesure de le retirer à l'aide
outline: none;
mais gardez à l'esprit c'est potentiellement mauvais pour la facilité d'utilisation: Il sera difficile de dire si un élément est sélectionné, ce qui peut aspirer lorsque vous parcourez tous les éléments d'une forme à l'aide de la touche Tab - vous devez réfléchir d'une manière ou d'une autre lorsqu'un élément est mis au point.
j'ai changé les propriétés/attributs 'background-color' et' color' (quel que soit l'appel) sur ': focus' donc je devinez c'est encore ok –
Yep. Définir globalement «outline: none» comme certaines réinitialisations est une erreur car elle dégrade l'accessibilité du clavier, mais il est bien d'enlever «outline» si vous avez une autre façon claire de refléter la focalisation. – bobince
+1 sur la note pour cela étant une très mauvaise pratique. Cela rendrait l'utilisation du clavier très ennuyante. – WhyNotHugo
vous pouvez simplement définir outline: none;
et la bordure à une couleur différente sur le focus.
Pour supprimer la mise au point par défaut, utilisez ce qui suit dans votre fichier Css par défaut:
:focus {outline:none;}
Vous pouvez alors contrôler la couleur de la bordure de mise au point individuellement par élément, ou dans le Css par défaut:
:focus {outline:none;border:1px solid red}
Remplacez évidemment red
avec le code hexadécimal que vous avez choisi.
Vous pouvez également laisser mettre en évidence le champ de la frontière intacte et contrôler la couleur d'arrière-plan (ou image):
:focus {outline:none;background-color:red}
:-)
Cela va certainement travailler. contour orange ne sera pas affiché plus .. commun pour tous les tags:
*:focus {
outline: none;
}
spécifique à une étiquette, ex: balise d'entrée
input:focus{
outline:none;
}
je devais faire tout le suivi de supprimer complètement
outline-style:none;
box-shadow:none;
border-color:transparent;
Problème lorsque vous avez déjà un contour. Chrome change encore quelque chose et c'est une vraie douleur. Je ne peux pas trouver ce qu'il faut changer:
.search input {
outline: .5em solid black;
width:41%;
background-color:white;
border:none;
font-size:1.4em;
padding: 0 0.5em 0 0.5em;
border-radius:3px;
margin:0;
height:2em;
}
.search input:focus, .search input:hover {
outline: .5em solid black !important;
box-shadow:none;
border-color:transparent;;
}
.search button {
border:none;
outline: .5em solid black;
color:white;
font-size:1.4em;
padding: 0 0.9em 0 0.9em;
border-radius: 3px;
margin:0;
height:2em;
background: -webkit-gradient(linear, left top, left bottom, from(#4EB4F8), to(#4198DE));
background: -webkit-linear-gradient(#4EB4F8, #4198DE);
background: -moz-linear-gradient(top, #4EB4F8, #4198DE);
background: -ms-linear-gradient(#4EB4F8, #4198DE);
background: -o-linear-gradient(#4EB4F8, #4198DE);
background: linear-gradient(#4EB4F8, #4198DE);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4EB4F8', endColorstr='#4198DE');
zoom: 1;
}
La manière simpliest est d'utiliser quelque chose comme cela, mais notez qu'il peut ne pas être bon.
input {
outline: none;
}
J'espère que vous trouverez cela utile.
border:0;
outline:none;
box-shadow:none;
Cela devrait faire l'affaire.
- 1. Mise au point sur l'étiquette, TextBlock et la bordure
- 2. Mise au point absolue dans la mise en page Android
- 3. HTML mise en page mise au point
- 4. Mise au point de la caméra S60
- 5. C# détecter l'application mise au point mise au point
- 6. Perdre la mise au point d'un JTextField
- 7. formes de mise au point
- 8. Supprimer ou désactiver la bordure de mise au point du navigateur via javascript
- 9. Vérification constante de la mise au point de la fenêtre
- 10. Réglage de la mise au point sur la vue texte
- 11. Android: Récupérer la mise au point en utilisant SurfaceView
- 12. WPF TextBox Mise au point
- 13. menu options - suppression de la mise au point de l'élément
- 14. Comment puis-je empêcher la mise au point dans Windows?
- 15. Mise au point dans ASP
- 16. Comment supprimer la mise au point d'un composant actuellement ciblé?
- 17. Mise au point d'un service
- 18. Mise au point des 403?
- 19. Mise au point de la mise en cache AJAX dans ASP.NET MVC
- 20. mise au point automatique lors de la numérisation QR code
- 21. style de mise au point de contrôle
- 22. CDateTimeCtrl - la prévention du changement « de mise au point » lors de la mise jour
- 23. Mise au point de travail de quartz
- 24. Mise au point incorrecte de l'affichage AWT
- 25. HTML/JavaScript: Mise au point de la page
- 26. Désactivation de la mise au point dans TextView
- 27. Mise au point de l'avertissement de batterie
- 28. QLineEdit - événement de mise au point
- 29. Mise au point du champ de texte
- 30. Mise au point d'une zone de texte
MEILLEURE RÉPONSE: http: // stackoverflow.com/a/17526407/877860 (vous devez vous débarrasser de la boîte-ombre aussi) –