微信页面中常见的问题，这里不局限微信，应该是 移动端页面中的链接长按会触发一个 色块高亮的效果：
image.png
，为了统一样式 需要清除此效果。
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
该属性是一个 不在规范内的css属性。当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时，覆盖显示的高亮颜色。该属性可以只设置透明度。如果未设置透明度，iOS Safari使用默认的透明度。当透明度设为0，则会禁用此属性；当透明度设为1，元素在点击时不可见。
a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
设置后：
image.png
再触摸按钮就没有丑萌的蓝色背景！
微信页面中常见的问题，这里不局限微信，应该是 移动端页面中的链接长按会触发一个 色块高亮的效果： ，为了统一样式 ...
在移动端，用户每时每刻都在触发移动事件，比如触摸的事件，点击，长按，左右滑动的事件，手指缩放，等等。都是移动事件的...
经常看到有些移动端页面某些块或者按钮在长按以后可以出现背景色或者字体颜色的改变，初始以为是利用js去实现，后面转念...
移动端桌面端无法同时开启。移动端长按方案有问题。判断错误算法可优化。
清除手机tap事件后 element 时候出现的一个高亮 移动端取消touch高亮效果 禁止长按链接与图片...
[每日小记-移动端禁止长按弹出菜单及选中文字] 禁用长按选择文字功能
给collectionView添加一个长按手势 //用此手势触发cell移动效果 UILongPressGes...
uni-app @longpress长按触发事件，长按某个列表项或按钮弹出弹窗 在微信和h5端只有longpres...
1.移动端去除点击时候的默认背景 2.移动端不允许长按复制文字
期望效果 1.长按即可触发移动cell，操作逻辑简单；2.移动cell时越靠近屏幕边缘，速度越快；3.被移动cel...
本文标题：移动端链接长按触发颜色块的问题解决
本文链接：https://www.haomeiwen.com/subject/bhezfxtx.html
网友评论