10
votes

-WebKit-Tap-Tap-Highlight-Color: RGBA (0,0,0,0); sur un div?

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


0 commentaires

3 Réponses :


25
votes

Écrivez-vous pour des 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 devra être affecté par une sorte de script, ou être un lien.

https://developer.apple.com/library/content/documentation/aplpleapplications/reference/safariwebcontent/ajustingHetTextsize.html P>

<!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>


3 commentaires

O Jour Frabjous! Callooh! Callay! Je cherchais un moyen de désactiver cet orange maudit. Et là c'est. Merci!


Je suis content que vous ayez trouvé cela utile!


Dommage que je ne pouvais pas donner plus que +1. :)



4
votes

J'ai appliqué ceci à tous (*) de mes objets HTML pour mon iPhone Web-App.

Ajoutez simplement ceci à votre code CSS: P>

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


0 commentaires

7
votes

Cela devrait fonctionner:

-webkit-tap-highlight-color:transparent


0 commentaires