De toute façon à empêcher le Bleu de mettre en évidence les éléments en Chrome en cliquant rapidement?
La plupart du temps, je ne suis pas inquiet à ce sujet mais j'ai un carrousel d'images et si je clique sur le suivant et précédent divs rapidement, ils seront mis en évidence dans Chrome.
J'ai essayé en utilisant le contour:aucun, mais aucun effet. Existe-il des solutions?
- Je ne vois pas cet effet, sur la version Chrome
Vous devez vous connecter pour publier un commentaire.
En plus de la lien fourni par Floremin, qui efface la sélection de texte à l'aide de JavaScript pour "effacer" de la sélection, vous pouvez également utiliser pur CSS pour accomplir cette tâche. Le CSS est ici...
Il suffit d'ajouter le
class="noSelect"
attribut à l'élément que vous souhaitez appliquer cette classe. Je vous recommande fortement de donner à cette CSS solution à essayer. Rien de mal à utiliser le JavaScript, je crois que cela pourrait être plus facile, et de nettoyer les choses un petit peu dans votre code.Pour chrome sur android
-webkit-tap-highlight-color: transparent;
est une règle supplémentaire, vous voudrez peut-être essayer avec du soutien dans Android.user-select
etwebkit-user-select
.-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-tap-highlight-color: transparent;
est la partie clé sur google ChromePour Chrome sur Android, vous pouvez utiliser le -webkit-tap-highlight-color propriété CSS:
Pour supprimer la surbrillance complètement, vous pouvez définir la valeur
transparent
:-webkit-tap-highlight-color: transparent;
semble trop de travail.Je suis sous Chrome version 60 et aucun des CSS réponses travaillé.
J'ai trouvé que Chrome a été l'ajout du bleu en évidence par la
outline
style. Ajouter le code CSS suivant résolu pour moi:Mais, parfois, même avec
user-select
ettouch-callout
éteint,cursor: pointer;
peut provoquer cet effet, ce qui, vient de mettre àcursor: default;
et ça marchera.cursor: pointer;
est vraiment la cause en évidence. Mais-webkit-tap-highlight-color: transparent;
est plus de solution universelle.-webkit-tap-highlight-color
avant de marquer un relativement solution universelle: developer.mozilla.org/en-US/docs/Web/CSS/...cursor: default
a fait le tour pour moi quand rien d'autre n'a fonctionné.Essayez de créer un gestionnaire pour l'événement select sur ces éléments et dans le gestionnaire, vous pouvez effacer la sélection.
Prendre un coup d'oeil à ceci:
Effacer la Sélection de Texte avec JavaScript
C'est un exemple de compensation de la sélection. Vous ne devez le modifier pour travailler uniquement sur l'élément spécifique que vous avez besoin.
Ce qui fonctionne le mieux pour moi: