2012-11-29 141 views
18

我在Android應用中使用API​​級別15使用全屏WebView。有一些開關可以通過jQuery的.click函數進行點擊。該方法可以正常工作,但點擊處理程序會導致該按鈕在輕擊元素時以透明的深藍色突出顯示,並且顯得不美觀。防止在Android WebView中突出顯示可點擊的div

這些方法都沒有工作,以防止被高亮元素:

CSS方法

div.pill 
{ 
    outline: none; 
} 

點擊的方式

$("div.pill").click(function(Event) 
{ 
    // ... other code here ... 
    Event.stopPropagation(); 
    Event.preventDefault(); 
    return false; 
}); 

MOUSEDOWN方法

$("div.pill").mousedown(function(Event) 
{ 
    // ... other code here ... 
    Event.stopPropagation(); 
    Event.preventDefault(); 
    return false; 
}); 

這裏的div用藍色突出的例子:

WebView screenshot

有誰知道如何防止它被點擊時被突出一個可點擊的div?

回答

32

把下面的代碼在CSS文件:

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

+0

感謝的作品,德拉克斯!一旦系統允許我接受你的答案。 –

+0

隨時Zach Rattner –

+0

如果沒有前綴webkit,爲什麼它不工作? – snow

8

銀河設備 「-webkit抽頭高亮色」 只

-webkit-tap-highlight-color:transparent; 
+0

因此,您可以將其設置爲透明並在焦點僞類上設置所需的背景 –