Javascript Girl
  1. Javascript Girl
  3. -webkit-tap-highlight-color: rgba (0,0,0,0); Sur un div?
Intereting Posts
Quels navigateurs mobiles supportent javascript (et Ajax)? Bouton Overlay Play over video Existe-t-il un moyen d'obtenir le javascript de Webkit pour gérer correctement les espaces blancs? Comment traduire jQuery .live () à .on () avec des événements liés à cela? Créer et écrire sur des fichiers avec JavaScript / JQuery Erreur de page étrange sur firefox Node.js nom d'hôte / IP ne correspond pas aux certificats altnames Éditeur d'image basé sur le Web, intégré à Photoshop? Colonnes de table redimensionnables avec code bz Jquery noConflict ne fonctionne que dans IE8 uniquement Obtenir une adresse IP publique pour l'application node.js Comment commander par horodatage à l'aide de Firebase? Valeur changeante de ko.observable Incohérent LinkButton PageMethod comportement dans différents navigateurs Comment puis-je exécuter une fonction lorsqu'une case à cocher est désactivée?

-webkit-tap-highlight-color: rgba (0,0,0,0); Sur un div?

Existe-t-il un moyen d'appliquer cela à un div?

Écrivez-vous pour les sites Web iPhone / Smartphone? Si oui, alors oui. Mais vous ne verrez probablement que les résultats sur votre téléphone / simulateur. Je pense que cet élément ne peut être utilisé que sur des liens ou des éléments javascript. Le div devrait être affecté par une sorte de script ou être un lien.

http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariWebContent/AdjustingtheTextSize/AdjustingtheTextSize.html 

<!DOCTYPE HTML> <html> <head> <title>Highlighting Elements</title> <style type="text/css"> .borderImage { -webkit-tap-highlight-color:rgba(0,0,0,0); } </style> </head> <body> <div class="borderImage"> <a href="#"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non felis risus, tristique luctus lacus. Vestibulum non aliquam arcu. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent eleifend augue a ligula ornare quis lacinia risus ullamcorper. </a> </div> </body> </html>

J'ai appliqué ceci à tous (*) de mes objets html pour mon iphone web-app.

Ajoutez simplement ceci à votre code css: 

 *{ /* Prevent any object from being highlighted upon touch event*/ -webkit-tap-highlight-color: rgba(0,0,0,0); }

J'ai utilisé jQuery mobile pour ajouter et manipuler les événements touchstart et touchend sur mes boutons, qui gèrent l'image de fond de mes boutons (en fait, ce sont div s), donc il semble qu'ils soient enfoncés sur touchstart.

Cela devrait fonctionner: 

 -webkit-tap-highlight-color:transparent