点击原生button,a标签,会出现鼠标按下去有蓝色

移动端点击可点击元素时,出现蓝色默认背景色

web页面放在移动端,点击button 标签或者添加了cursor:pointer 样式的标签,会出现 蓝色背景色, 解决方案:

给相应标签 或者直接在body 标签上添加 样式:

复制代码

|---|---------------------------------------------|
| | -webkit-tap-highlight-color: transparent; |

或者

复制代码

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

适用场景:button 和 a标签

相关推荐
这儿有一堆花12 分钟前
网站链接重定向原理
前端
cecyci21 分钟前
如何实现AI聊天机器人的打字机效果?
前端·javascript
IT_陈寒24 分钟前
Vite 5个隐藏技巧让你的项目构建速度提升50%,第3个太香了!
前端·人工智能·后端
詩句☾⋆᭄南笙33 分钟前
HTML的盒子模型
前端·html·盒子模型
落言35 分钟前
AI 时代的工程师:懂,却非懂的时代
前端·程序员·架构
一枚攻城狮37 分钟前
前端知识点大汇总
前端
余道各努力,千里自同风2 小时前
el-input 输入框宽度自适应宽度
javascript·vue.js·elementui
Mike_jia2 小时前
DumbAssets:开源资产管理神器,家庭与企业的高效管家
前端
Southern Wind2 小时前
Vue 3 多实例 + 缓存复用:理念及实践
前端·javascript·vue.js·缓存·html
HuangYongbiao3 小时前
Rspack 原理:webpack,我为什么不要你
前端