html - 点击 <a> 元素时如何禁用灰色 mask ?

标签 html css progressive-web-apps hybrid

<分区>

我正在尝试制作混合应用。在一个网页中,有很多这样写的按钮

<a href="#">
    <div style = "height: 50px; width: 50px; background-color: #00ff00; margin: 32px"></div>
</a>

当我点击这些按钮并按住拇指时,按钮顶部会出现一个灰色 mask 。我怎样才能禁用它。

测试设备:iPhone X,真机+模拟器

Example

最佳答案

似乎与 <a href="#"> 有关.删除 href 解决了这个问题。我只需要找到一种方法来 preventDefault .

关于html - 点击 <a> 元素时如何禁用灰色 mask ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57426247/

上一篇:html - 当我减小浏览器大小时,为什么 "lounge-mobile.css"样式表没有链接?

下一篇:css - 选择两个元素之间的所有元素

相关文章:

ios - 在 Safari 上为我的 PWA 丢失 "Web Push"的解决方法

google-chrome - 独立模式下的渐进式 Web 应用程序 (PWA) OAuth 错误

javascript - 进度条元素破坏 Chrome 渲染(除非开发工具打开)

css - 在动画上将 div 制作成一行

html - Bootstrap 列彼此不相邻

jquery - 我必须更改以前检查过的单选按钮的 div 背景吗?但我遇到了问题

cross-browser - 渐进式网络应用程序在 Firefox 中可以离线工作,但在 Chrome 中却不能,原因是什么?网络服务器问题?

html - 由于列填充,container-fluid 和 row wrap 正在创建大于 100vh 的网页

html - Flex vs HTML5(为什么Flex这么受攻击?)

JavaScript 克隆节点 : SELECT keeping some undesirable binding