-webkit-tap-highlight-color

Design help Custom code
1

I’m using webkit to hide the bg color of link on tap
I used the code :

a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } a:focus { outline: 0; color: rgba(0, 0, 0, 0); }

But this made the button text disapper on click
image

Blue button is before click
Red Button is after click

Is there any code change to make this stop universally on all buttons?

2

I’ve posted 3 different Q like this none were answered.
I found sol for this out on my own:

Just put this piece alone :
a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

Now the button text wont disappear.