Указатель курсора вызывает мерцание на iPad

Question

Я столкнулся с проблемой во время работы своей сети на iPad. IPAD не будет поднимать клик, даже когда я прикасаюсь к экрану.

я преодолел это, применяя следующий CSS на HTML теле:

cursor: pointer; 

Теперь, когда я прикасаюсь прочь он обнаруживает прикосновение как событие щелчка. Однако это вызывает мерцание экрана.

Ниже показано, что я имею в виду:

.div2 { 
 
    cursor: pointer; 
 
}

<div class="div1"> 
 
    <p> 
 
    div one has no flicker 
 
    </p> 
 
</div> 
 

 
<div class="div2"> 
 
    <p> 
 
    This one flickers when clicked on a touch screen or device mode on chrome 
 
    </p> 
 
</div>

Как бы решить эту sideffect? или есть альтернатива? Я хотел бы избежать много jQuery/javascript, насколько это возможно.

Answer 1

Вы попробовали?

@media only screen and (device-width: 768px) { 
    .div2{ 
     cursor:default; 
    } 
}