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

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

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

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

复制代码

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

或者

复制代码

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

适用场景:button 和 a标签

相关推荐
爱的叹息1 分钟前
Element Plus 图标使用方式整理
前端·javascript·vue.js
一梦南柯2 分钟前
将HAR文件中的请求和响应转换为本地Node.js服务
前端·node.js
Yiler3 分钟前
一次搞懂前端拖拽方案
javascript·vue.js·浏览器
LuYu6 分钟前
vue 版本 canvas 绘图工具来啦!像写 React Native(RN)一样实现canvas 绘图任务
前端·canvas
Moment7 分钟前
一图看懂 Webpack HMR 原理 🤔🤔🤔
前端·javascript·webpack
阿里云云原生10 分钟前
如何使用AI辅助开发HTML5 - 通义灵码功能全解析
云计算·html
shmily_yyA16 分钟前
Nextjs15 实战 - React Notes CURD 实现
前端·react.js·前端框架
可乐不加冰呀23 分钟前
js解除禁止复制、禁止鼠标右键效果
开发语言·前端·javascript
时光追逐者28 分钟前
一款基于 .NET 8 + Vue 开源的、企业级中后台权限管理系统
前端·vue.js·microsoft·开源·c#·.net·.netcore