Как отключить эффект "пик и поп" (эффект сильного давления с Safari на iPhone 6s)

Question

Мне нужно отключить пиковый эффект (эффект сильного давления с Safari на iPhone 6s) для элемента "а" в этом коде (среда начальной загрузки):

<article>
  <div class="gall-thumbnail">
    <a data-toggle="modal" href="mod1#">
      <img src="img.jpg"/>
      <p class="text-center caption">Caption</p>
    </a>
  </div>
  <div class="modal fade" id="mod1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h5 class="modal-title text-center">Caption</h5>
        </div>
        <div class="modal-body">
          <img src="img.jpg" class="img-responsive"/>
        </div>
      </div>
    </div>
  </div>
</article>

Мне нужно отключить его, потому что если сильное нажатие с Safari на iPhone 6s, то "модальный" компонент загрузчика находится здесь в конфликте с "пиком", и он показывает картинку, отличную от увеличенного img.jpg.

Поэтому было бы неплохо отключить "просмотр" на элементе "a" или показать увеличенный img.jpg при сильном нажатии с Safari на iPhone 6s.

Answer 1

Если вы хотите отключить просмотр, когда вы "сильно" нажимаете элемент на iOS, вы можете установить для свойства webkit-user-select и webkit-touch-callout значение none в css. Если вы пытаетесь предотвратить это для всех тегов "a", вы можете сделать что-то вроде этого:

a{
  -webkit-user-select:none;
  -webkit-touch-callout: none;
}