移动端a链接在点击时会有默认的蓝色背景，如下图
效果图.png
第一反应会想到修改 :hover, :active 这些伪类样式，然并没有效果！
这种高亮效果实际上是由 -webkit-tap-highlight-color 属性控制的。当透明度设为0，则会禁用此属性；当透明度设为1，元素在点击时不可见。
body{
-webkit-tap-highlight-color: rgba(0,0,0,0.5);
}
移动端a链接在点击时会有默认的蓝色背景，如下图
效果图.png
第一反应会想到修改 :hover, :active 这些伪类样式，然并没有效果！
这种高亮效果实际上是由 -webkit-tap-highlight-color 属性控制的。当透明度设为0，则会禁用此属性；当透明度设为1，元素在点击时不可见。
body{
-webkit-tap-highlight-color: rgba(0,0,0,0.5);
}
移动端a链接在点击时会有默认的蓝色背景，如下图 第一反应会想到修改 :hover, :active 这些伪类样式，...
移动端常见bug整理原文链接 点击样式闪动 Q: 当你点击一个链接或者通过Javascript定义的可点击元素的时...
UIButton初始化 设置背景色 状态设置 图片设置 字体设置 点击事件 点击方法实现
在移动端卡发h5页面时，给 标签设置 :active 点击效果属性后，在android端测试正常。却在iOS端却遇...
移动端界面，当前界面点击时，触及a链接的部分会自动跳转，开始测试的时候以为是a链接的误点： 判断滚动的页面是否还在...
操作方法 PC端 使用快捷键WIN+I打开设置面板，点击系统，点击投影到此电脑 移动端连接 在WLAN中找到无线投...
源码解释的意思 注：仅以记录学习使用，如有错误，欢迎指出，互相学习
一键拉起功能（移动端深度链接技术）简单来讲，指的是在移动端点击一个链接，可以直接跳转到某款App内部的指定页面。 ...
点击区域会出现不是自己设置的宽高区域 检查背景色是否设置，背景不设置默认是Widget自适应的点击区域
在用 Vue3 开发 UI 组件时，发现一个移动端存在的问题： 当点击一个元素，元素会有一个默认的背景颜色，默认为...
本文标题：移动端a链接点击时的背景色设置
本文链接：https://www.haomeiwen.com/subject/qmtpdftx.html
网友评论