21

APIレベル15を使用して、Androidアプリで全画面表示のWebViewを使用しています。jQueryの.click機能でクリックできるオン/オフスイッチがいくつかあります。このアプローチは問題なく機能しますが、要素がタップされると、クリック ハンドラーによってボタンが透明な青色の陰影で強調表示され、見苦しくなります。

これらのアプローチはどれも、要素が強調表示されないようにするために機能しませんでした:

CSS アプローチ 

div.pill
{
    outline: none;
}

クリックアプローチ

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

マウスダウンアプローチ

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

以下は、青色でハイライトされた div の例です。

WebView のスクリーンショット

クリック可能な div がクリックされたときに強調表示されないようにする方法を知っている人はいますか?

4

2 に答える 2

37

以下のコードをCSSファイルに入れます。

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

于 2012-11-29T07:21:06.487 に答える
10

Galaxy デバイスでは、「-webkit-tap-highlight-color」は次の場合にのみ機能します

-webkit-tap-highlight-color:transparent;
于 2013-10-10T16:03:06.950 に答える