当前位置:  开发笔记 > 前端 > 正文

iPad Safari:如何在链接被点击时禁用快速闪烁效果

如何解决《iPadSafari:如何在链接被点击时禁用快速闪烁效果》经验,为你挑选了2个好方法。

有没有办法禁用它?
我只是在浏览器中...当您单击链接或按钮或具有单击功能的div时,它会闪烁一个灰色框,您可以快速单击该框.我该如何防止这种情况?



1> kennytm..:

您可以为该元素的-webkit-tap-highlight-color属性设置透明颜色.

a {
    -webkit-tap-highlight-color: transparent;
}


ie:`-webkit-tap-highlight-color:rgba(0,0,0,0);`
为了记录,我在Phonegap中创建的应用程序在点击元素时保持短暂的闪烁,这让我很烦.将`-webkit-tap-highlight-color:transparent`设置为所有内容(即`*`)就像魅力一样.
查理 - 您看到的问题是因为Webkit似乎在项目变为非活动状态后会短暂应用突出显示颜色.不是设置这样的全局规则,而是将`-webkit-tap-highlight-color:rgba(0,0,0,0);`添加到目标链接的非活动状态解决问题.

2> redolent..:

在Phonegap中使用移动Safari,只有这个工作:

* {  -webkit-backface-visibility:  hidden;
     -webkit-tap-highlight-color:  transparent;
  }

来源:iPhone WebKit CSS动画导致闪烁

此外,在主面板上,启用渲染:

div.myPanelOrWhatever 
  {
      -webkit-transform: translate3d(0, 0, 0)
  }

来源:防止webkit转换webkit转换的闪烁

推荐阅读
小白也坚强_177
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有