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：隐藏在我的代码中以防止捏缩放闪烁问题。我使用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;
   }