javascript - 触摸事件时 chrome 中的蓝色背景

Question

规范:
屏幕:宏碁 T272HUL 27"
电脑:Intel NUC5PGYH
操作系统:Windows 10
应用程序:Chrome 版本 56.0.2924.87 64 位

我在 kiosk 模式下使用 google chrome 遇到了一些问题。我在 kiosk 模式下启动 chrome 的用户有一些组策略。自定义用户界面设置为:C:/Program Files (x86)/Google/Chrome/Application/chrome.exe --kiosk --disk-cache-dir=null --incognito --disable-pinch file :///C:/xampp/htdocs/loading.html.

https://www.youtube.com/watch?v=9G24HGPrTao&feature=youtu.be

正如您在视频中看到的，我在某些触摸操作中出现了奇怪的蓝色背景。在 css 中我试过这段代码:

::-moz-selection {background: rgba(0,0,0,0);}
::selection {background: rgba(0,0,0,0);}
::-webkit-selection {background: rgba(0,0,0,0);}
* {
  -webkit-tap-highlight-color:  rgba(0,0,0,0); 
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

阻止它，但它不起作用。

出于保密原因，我不能发布网站或代码。

Answer 1

尝试 *:focus，并添加 outline: none; 到你的 css。