2012-10-01 36 views
8

我試了一百萬次,以移除Android webview上的鏈接上令人討厭的橙色高亮框,但它們似乎不會消失。不,這是行不通的:禁用Android中鏈接的橙色高亮

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

我真的很困惑這裏,任何其他的想法?我正在測試Galaxy S3。

+0

我不認爲這是一個CSS的問題,而是事做web視圖 - 不知道 – midhunhk

+0

一些測試之後,它看起來並不像它可以禁用的,HREF鏈接高亮,但這一切都可以成功運作。 – kaleazy

+0

我已經在_body_標籤上設置了該樣式,並且完美地工作。它應該與'*'一起工作,不知道爲什麼它不適合你。 – codemonkey

回答

6

嘗試

* { 
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-user-modify: read-write-plaintext-only; 
} 

here。原來真正棘手的是第二個屬性user-modify。我認爲這是自4.0.4以來的一項要求,這恰好影響了Galaxy S3等等。

您可以縮小選擇器的範圍,但必須影響鏈接的父級,例如,一個<p><li>,而不是鏈接本身。

+1

請注意,用戶修改屬性確實會導致鍵盤在iOS上彈出,這通常是不合需要的。 – Max

+0

只是想提一下,這是三星Galaxy平板電腦以及原生互聯網瀏覽器的橙色突出顯示解決方案。 – Komsomol

0

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

-webkit-tap-highlight-color:transparent; 

然後工作來改變顏色,添加以下樣式所需的元素

a:active, 
a:hover, 
a:focus { 
    background: rgba(255, 255, 255, .5); 
} 
1

此外,在較新的Amazon Fire Tablets和FireTV設備上,您可能會看到一個「聚焦環」,這可能會干擾您的應用管理自己的焦點。通常情況下,只有在快速觸摸屏幕或FireTV設備的情況下,才能按住其中一個箭頭鍵。

這會導致圍繞焦點元素出現薄的橙色「戒指」 - 或者至少是那些設備中的Android代碼「認爲」具有焦點的元素 - 以同樣的方式通過按下標籤鍵在瀏覽器窗口中。

您可以通過插入這在你的CSS代碼刪除此集中在亞馬遜設備到一個合適的位置:

*:重點{
概述:無; }