【问题标题】:disable mobile browser click/touch/tap feedback box禁用移动浏览器点击/触摸/点击反馈框
【发布时间】:2012-10-19 04:33:50
【问题描述】:

在 HTML 5 网站中,通过移动设备进行冲浪的用户点击链接。
浏览器绘制一个框(矩形)作为反馈(除了声音)。
浏览器可能意味着 Android 2.3 的普通浏览器或 Opera Mobile。

对此进行了一些研究,但实际上没有(明确的)解决方案。

我想避开这个(蓝色)框。至少对于基于 iPhone 和 Android 的设备而言。有什么想法吗?

P.S 我也在用 jQuery

【问题讨论】:

    标签: html mobile


    【解决方案1】:

    这是Can I remove Android default link styling in webviewiPad Safari: How to disable the quick blinking effect when a link has been hit 的副本。

    答案是:添加这个 CSS

    * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    

    【讨论】:

    • 正确,由于某种原因,它在询问时不起作用,所以谢谢!
    【解决方案2】:

    我对 bloopletech 提供的答案 +1。 但如果你想让这个技巧在安卓原生浏览器(Android Browser)中发挥作用,请使用下一个:

    * { 
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    

    【讨论】:

      【解决方案3】:

      您在链接上看到的蓝色轮廓是“轮廓”的结果。 要关闭它:

      outline: none;
      

      不知道为什么还没有正确回答。

      【讨论】:

      • 其实大纲并不是OP要问的。
      猜你喜欢
      • 1970-01-01
      • 2018-04-23
      • 2013-11-12
      • 1970-01-01
      • 2017-06-02
      • 2017-10-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多