在WebView中禁用div上的橙色突出显示

Question

我正在制作一款PhoneGap Android应用，并且无法关闭橙色突出显示可点击元素。

我已尝试过CSS的所有组合：-webkit-tap-highlight-color，-webkit-focus-ring-color和-webkit-user-modify，如

中所述

Disable orange outline highlight on focus
Disable orange highlight around links in Android

这是我拥有的，它没有做任何事情：

`* {  
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;   
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;  
    outline: none !important;  
    -webkit-user-modify: read-write-plaintext-only !important;  
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}`

我正在使用Phonegap 2.9.0和Android 4.1.2，以及来自此处的Calendario插件：
http://tympanus.net/codrops/2012/11/27/calendario-a-flexible-calendar-plugin/

是否有希望禁用这种难看的有机物呢？

Answer 1

也许你在谈论focus设置的大纲，所以这应该有帮助（未经测试）：

div:focus, div:active {
    outline: none;
}

Answer 2

您可以尝试使用

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

Answer 3

div{
-webkit-appearance:none;
}