web-dev-qa-db-fra.com

Désactiver la surbrillance bleue lorsque vous touchez / appuyez sur un objet avec le curseur: pointeur

Il y a un surlignage bleu qui apparaît chaque fois qu'un Div qui a le curseur: la propriété de pointeur appliquée est touchée dans Chrome. Comment s'en débarrasser?

J'ai essayé ce qui suit:

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

Mais ils n'affectent pas la surbrillance bleue en appuyant sur un curseur.

48
Ulad Kasach
-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 

Prend soin du problème, car il définit la couleur de surbrillance transparente.

Source: http://samcroft.co.uk/2012/alternative-to-webkit-tap-highlight-color-in-phonegap-apps/

78
Ulad Kasach

Pour autant que je sache, la réponse de Vlad K pourrait causer des problèmes dans certains appareils Android. Meilleure solution:

-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
63
Oboo Chin