博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
移动端页面点击a标签会有半透明的阴影或红色边框的bug
阅读量:4685 次
发布时间:2019-06-09

本文共 458 字,大约阅读时间需要 1 分钟。

  好久没有更新了,今天来一发 ^_^

  最近在写移动端页面,测试时发现一个a标签的bug:无论是iOS端还是Android端都存在,当点击a标签,会有一个矩形的透明的阴影闪一下(不同的浏览器阴影的颜色还不一样,有的是灰色,有的是淡蓝色的。。。)。

  在点击的时候还是相当明显的,这就显得比较违和了,没办法发现bug只得去想办法解决呀。

  在改的过程中,发现只有a标签会有这个问题,button和其他标签都不存在,那么久锁定a标签,测试bug是a标签的href属性导致的,搞了这么久,其实都是浏览器自动的效果,无非就是想提示用户按钮被点击到了,出发点是好的,但是在某些场景下久变异了_(:зゝ∠)_

  为解决这个bug,不用a标签也是不现实的,最后百度谷歌到css3-webkit-tap-highlight-color这个属性,瞬间就解决了。

  详细信息见下图:

  

*注:图片来自ctrip-ued

转载于:https://www.cnblogs.com/youziclub/p/4745169.html

你可能感兴趣的文章
华为经典问题汇总~
查看>>
linux桌面环境gnome,kde,xfce,lxde 使用比较(转)
查看>>
如何做自己不想做的事情,却必须要去做的事情
查看>>
JavaScript的深入理解(1)
查看>>
Go-TCP粘包
查看>>
KNN算法的感受 1
查看>>
用Maven构建Mahout项目实现协同过滤userCF--单机版
查看>>
Java多线程-线程的调度(守护线程)
查看>>
Bootstrap 简介(Web前端CSS框架)
查看>>
Bootstrap 概览
查看>>
nginx配置ssl证书实现https访问
查看>>
c# while穷举(凑钱)
查看>>
EnCase v7 could not recognize Chinese character folder names / file names on Linux Platform
查看>>
c#中序列化和反序列化的理解
查看>>
c#Socket通信
查看>>
第七周翻译
查看>>
HTTPS协议的实现原理
查看>>
MvvmLight的Message使用
查看>>
0404 构建之法第四章理解
查看>>
Hunters
查看>>