网站为Ipad每次点击奇怪的黑色方块

Question

我正在为 iPad 制作一个网站，当我单击我网站上的任何链接或 javascript 按钮时，总是会出现一个黑色方块，一个黑色方框在按钮周围闪烁 0.7-1 秒，任何人都有同样的问题，如果我的按钮很大，很烦人，黑色方块很明显。

Answer 1

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

这将正确禁用黑色方块

Answer 2

您应该能够使用 -webkit-tap-highlight-color 来控制这一点。如果您希望完全禁用链接的可见反馈，请使用 -webkit-touch-callout: none 。

Answer 3

我发现了导致代码中问题的原因，虽然我不知道为什么会这样，但我必须在代码中删除"overflow-y：scroll"和overflow-x：hidden 以防止捏缩放闪烁问题。我使用 overflow-x 隐藏，因为如果用户将网页大小调整得非常小，并使用触摸板水平滚动，元素会突破我的容器div，会看到元素突破和空白区域，现在我无法使用 overflow-x 隐藏的 coz 这个奇怪的愚蠢捏缩放

闪烁

     #viewport{
      display:block;
      position:absolute;
      width:100%;
      height:100%;
      overflow-y:scroll;
     -webkit-overflow-scrolling: touch;
    }
   #wrapper{
    width:100%;
    overflow-x:hidden;
   }