Button when clicking blue blink

Asked

Viewed 131 times

1

I created 3 buttons (web application), the problem is that when I click on them(buttons) on the mobile screen the area of div of the button turns blue (lights up and erases). The curious thing is that when I click the mouse by the computer does not happen, it works normally. Does anyone know why?

HTML 

<div id="botaoPause" class="botao alinhar centralizar">
   <i class="fas fa-pause"></i>
</div>


<div id="botaoStop" class="botao alinhar centralizar">
   <i class="fas fa-stop"></i>
</div>
javascript html

  • This is the device’s feature to highlight that something has been clicked (or played).

  • I think not, because if it were on other sites it would have the same effect, and I’ve tried it, it doesn’t happen.

1 answer

2


You can use the following CSS property for the element:

-webkit-tap-highlight-color: transparent;

-Webkit-tap-Highlight-color is a non-standard CSS property that defines the highlight color that appears over a link while it is being played. Highlighting indicates to the user that his touch is being recognized successfully and indicates which element he is touching.

See this link: https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-tap-highlight-color

  • 2

    That dude, it worked. Thanks!

Browser other questions tagged javascript html

You are not signed in. Login or sign up in order to post.