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

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

您应该能够使用

-webkit点击高亮显示颜色来控制它。如果您希望完全禁用链接上的可见反馈，请使用
-webkit touch callout:none

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

这将正确禁用黑色方块
我发现了代码中出现问题的原因，尽管我不知道原因，但我必须删除代码中的“溢出-y:scroll”和溢出-x:hidden，以防止收缩缩放闪烁问题。我使用overflow-x hidden是因为元素突破了我的容器div，如果用户将网页调整得很小，并使用触摸板水平滚动，将看到元素突破和空白区域，现在我不能使用overflow-x hidden，因为这种奇怪的愚蠢的收缩缩放闪烁

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

我使用了强光颜色可以将黑色方形框的颜色更改为红色，但触摸标注不起作用，正方形仍然存在，即使我将其应用于所有div span部分ul li body html a…还有，你知道为什么每次我捏缩放我的网页，我的网页冻结一秒钟，然后背景闪烁一秒钟，看起来像是在刷新，将我的背景从一个方块加载到另一个方块，一秒钟后恢复正常？尝试使用-webkit tap hightlight color:rgba（0,0,0,0）你需要向我们显示代码以帮助你解决其他问题。我的代码太长，无法在此处显示，我不知道是什么造成的，但我怀疑这与溢出有关，因为我用一个div来包装我的整个页面，上面有overflow-y:scroll，width和height 100%。我已经在谷歌上搜索过了，我尝试过使用-webkit-overflow-scrolling:touch，无能为力。-webkit-transform:translate3d（0px，0px，0px）；太没用了，那我试试-webkit背面可见性：隐藏；and-webkit变换：translateZ（0）；都没用…：（我的macbook中没有任何问题！我认为它与我的javascript无关，因为我删除了所有javascript。问题仍然存在。你尝试过了吗-webkit点击hightlight color:rgba（0,0,0,0）？嘿，伙计…你可以编辑上面的答案..为什么要发布另一个答案..Stackoverflow有更新功能；-）