Gray highlight and active state in mobile Safari

This is a simple tricks but very useful if you’re trying to make a button in HTML looks like a real button in touch devices.Remove the tap highlight:

.target-element {
 -webkit-tap-highlight-color: rgba(0,0,0,0);
}

and make the :active state works when user touches that element:

document.addEventListener("touchstart", function(){}, true);

Makzan

	.target-element {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	}