移动端一个奇怪的触摸bug
这两天遇到一个很奇怪的bug，在移动端，一个页面里所有的input框都不能点击，我查了一下，里面的没有设置readonly属性，只要页面滚动一下就可以用了，而且，只要我在真机测试的时候，f12开发者模式下，一旦选中这个元素也可以点击了，很奇怪，结果我就去公共样式里排查，home.css。结果定位到了这么一段我很不熟悉的代码片段
/* -webkit-user-drag: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-moz-tap-highlight-color: rgba(0, 0, 0, 0);
-ms-tap-highlight-color: rgba(0, 0, 0, 0);
-o-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden; */
/* -webkit-tap-highlight-color: transparent;
-moz-tap-highlight-color: transparent;
-ms-tap-highlight-color: transparent;
-o-tap-highlight-color: transparent;
tap-highlight-color: transparent; */很神奇，这些属性只会影响到安卓手机，对ios的手机没啥影响，注释掉之后就好，能正常点击了
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2018-06-11 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读