Android瀏覽器 - 在錨點聚焦時移除輪廓邊框

Question

我在Android應用上使用了一個阻止外部頁面的web視圖。 它有幾個錨（<a>標籤）。當我按下它時，會出現黃色邊框。

我該如何防止並刪除此邊框？

我嘗試以下技巧：

// jQuery 
$("a").focus(function(){ 
    $(this).attr("hideFocus", "hideFocus"); 
}); 

// CSS 
a, :focus { 
    outline: none; 
} 

，但沒有成功。

謝謝！

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

注：設置在其他方面的顏色通常失敗的，因爲WebKit的渲染高亮的方式

Answer 1

如下設置CSS屬性-webkit-tap-highlight-color。根據我的經驗取決於版本/變體。