- webkit-tap-highlight-цвет: rgba (0,0,0,0); на div?

есть ли способ применить это к div?

9
css iphone javascript javascript-events webkit

3 ответов

вы пишете для iPhone/смартфонов веб-сайтов? Если так, то да. Но вы, вероятно, увидите результаты только на своем телефоне/симуляторе. Я думаю, что этот элемент можно использовать только на ссылках или элементах javascript. Div должен быть затронут каким-то сценарием или быть ссылкой.

https://developer.apple.com/library/content/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>
23

я применил это ко всем ( * ) моим HTML-объектам для моего веб-приложения iphone.

просто добавьте это в свой код css:

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

я использовал jQuery mobile для добавления и обработки событий touchstart и touchend к моим кнопкам ,которые обрабатывают фоновое изображение моих кнопок (на самом деле это divs), поэтому похоже, что они нажаты на touchstart.

4

Это должно работать: 

-webkit-tap-highlight-color:transparent
0