How to disable the grey mask when tap on a element?

Question

I'm trying to make a Hybrid app. In a webpage, there are many buttons written like

<a href="#">
    <div style = "height: 50px; width: 50px; background-color: #00ff00; margin: 32px"></div>
</a>

When I tap these buttons and hold my thumb, there will be a grey mask on top of the buttons. How can I disable this.

Test Device: iPhone X, both real machine and simulator

What device are you testing this with? – Jerdine Sabio Aug 09 '19 at 08:33 — Jerdine Sabio, Aug 09 '19 at 08:33

score -1 · Answer 1 · answered Aug 09 '19 at 09:00

-1

Seems it's to do with <a href="#">. Removing href solves the problem. I just need to find a way to preventDefault.

answered Aug 09 '19 at 09:00

Desmond

This should have been an edit to your original post, as you say it doesn't solve the problem. – razemauze Aug 09 '19 at 09:15

1 Answers1