在小程序开发过程中,总是会碰到当你点击一个可以点击的元素的时候,在这个元素下会出现一个高亮的正方形浅蓝色背景。
如图:
解决方案:
通过属性 -webkit-tap-highlight-color 进行解决。当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时,覆盖显示的高亮颜色。
要解决这个问题,就可以通过禁用这个高亮就可以,只需要设置颜色的alpha值为0即可。
.main {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}