在触摸事件的镀铬物的蓝色背景

时间:2017-03-21 10:59:28

标签: javascript html css google-chrome

规格:
屏幕:宏碁T272HUL 27“
电脑:Intel NUC5PGYH
os:windows 10
应用程序:Chrome版本56.0.2924.87 64位

我在自助服务终端模式下使用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;
}

要防止它,但它不起作用。

出于保密原因,我无法发布网站或代码。

2 个答案:

答案 0 :(得分:0)

尝试*:focus,并将outline: none;添加到您的CSS中。

答案 1 :(得分:0)

当touchstart事件转换为click事件时,看起来像是绘制了方形高亮框。然后根据touchend或onmouseup事件发生背景更改 - 尝试查看开发工具(如果可以访问它们)以查看是否有任何事件绑定到正文。