移动端页面点击会出现阴影方块?

Part.1  问题 

在写一个移动端页面时,浏览器真机测试没毛病,但是在手机真机测试时,点击事件DOM元素会出现一个阴影方块,于是开始查了一波资料,特此记录!

Part.2  解决

为需要点击的元素添加特定样式:

-webkit-tap-highlight-color:transparent;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);

搞定!~~~

原文地址:https://www.cnblogs.com/langxiyu/p/11096640.html