在iphone下测试发现按下a链接背景会变灰一下（尤其给a取消跳转事件时很明显），就是手指点击后没跳转之前链接上有个背景。 用css方式如何去掉啊。
代码如下：
<!DOCTYPE html>
<html>
<head>
< charset=\"utf-8\">
< http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">
< >css删除手机版mobile点击链接或按钮出现的背景颜色</ >
< name=\"viewport\" content=\"initial-scale=1, maximum-scale=1\">
< rel=\"shortcut icon\" href=\"/favicon.ico\">
< name=\"apple-mobile-web-app-capable\" content=\"yes\">
< name=\"apple-mobile-web-app-status-bar-style\" content=\"black\">
</head>
<body>
<a href=\"https://www.manongjc.com/\">在mobile下测试链接背景</a>
</body>
</html>
我们只需要加入以下css即可修复这个bug：
a{
-webkit-tap-highlight-color:transparent;
}
-webkit-tap-highlight-color
这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过 定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜色。
想要禁用这个高亮，设置颜色的alpha值为0即可。
示例：设置高亮色为50%透明的红色:
-webkit-tap-highlight-color: rgba(255,0,0,0.5);
浏览器支持: 只有iOS(iPhone和iPad).
继续阅读与本文标签相同的文章
-
第16问：Filecoin从DSN角度解读
2026-05-14栏目： 教程
-
C/C＋从零基础到精通，究竟是如何快速完成的？其实只需要这6步！
2026-05-14栏目： 教程
-
谷歌再爆重大安全漏洞！华为却成最大赢家？网友：这谁还敢用！
2026-05-14栏目： 教程
-
Excel崩溃文件如何找回
2026-05-14栏目： 教程
-
又一外国巨头宣布退出中国，关闭120家店，网友：中国钱不好赚了！
2026-05-14栏目： 教程