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

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

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

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

复制代码

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

或者

复制代码

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

适用场景:button 和 a标签

相关推荐
进取星辰14 分钟前
28、动画魔法圣典:Framer Motion 时空奥义全解——React 19 交互动效
前端·react.js·交互
不爱吃饭爱吃菜1 小时前
uniapp微信小程序-长按按钮百度语音识别回显文字
前端·javascript·vue.js·百度·微信小程序·uni-app·语音识别
程序员拂雨2 小时前
Angular 知识框架
前端·javascript·angular.js
GoodStudyAndDayDayUp2 小时前
gitlab+portainer 实现Ruoyi Vue前端CI/CD
前端·vue.js·gitlab
程序员阿明2 小时前
vite运行只能访问localhost解决办法
前端·vue
前端 贾公子2 小时前
uniapp -- 验证码倒计时按钮组件
前端·vue.js·uni-app
zhengddzz2 小时前
从卡顿到丝滑:JavaScript性能优化实战秘籍
开发语言·javascript·性能优化
淡笑沐白2 小时前
AJAX技术全解析:从基础到最佳实践
前端·ajax
Go_going_2 小时前
ajax,Promise 和 fetch
javascript·ajax·okhttp
龙正哲3 小时前
如何在Firefox火狐浏览器里-安装梦精灵AI提示词管理工具
前端·firefox