JavaScript When I tap one of the buttons via mobile, there is a white flash, how do I disable or remove that?

[htmlcssjavascript28]

Does anyone on here know what I am referring to?

https://jsfiddle.net/xmdq14a2/1/ 1

To reproduce, tap one of the buttons on via a mobile device.

I think it may be this?

:active

How would I disable it from occurring when tapping a button?

What would I put inside here?

button:active{

 }

or, maybe that is not it.

It was something I noticed and was wondering why it was there, and can it be removed?

 

[tomliv]

Does anyone on here know what I am referring to?

https://jsfiddle.net/xmdq14a2/1/ 1

To reproduce, tap one of the buttons on via a mobile device.

I think it may be this?

:active

How would I disable it from occurring when tapping a button?

What would I put inside here?

button:active{

 }

or, maybe that is not it.

It was something I noticed and was wondering why it was there, and can it be removed?

:active is most likely the issue. Where you define your link style, add the :active pseudo class like so:

.mylink,
.mylink:active{
/* my styles here */
}

This will style both "states" of the link the same.

Also, I will frequently not add a change on hover until I reach a wider width which will more likely be a desktop/laptop viewport width as some mobiles (if not all) will show hover state on tap and require a second tap to follow the link (at least that used to be the case).