8

Android WebView のリンクの周りにある迷惑なオレンジ色のハイライト ボックスを削除しようと何百万回も試みましたが、消えないようです。いいえ、これは機能しません:

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

私はここで本当に困惑しています。他のアイデアはありますか? Galaxy S3でテストしています。

4

3 に答える 3

6

試す

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

ここから。本当のトリッキーなビットは、2 番目のプロパティである user-modify です。これは 4.0.4 以降の要件であり、Galaxy S3 などに影響を与えていると思います。

セレクターの範囲を狭めることはできますが、リンク自体ではなく、リンクの親( a<p>や など) に影響を与える必要があります。<li>

于 2012-11-09T20:36:59.560 に答える
1

さらに、新しい Amazon Fire タブレットおよび FireTV デバイスでは、「フォーカス リング」が表示され、アプリが独自のフォーカスを管理するのを妨げている可能性があります。通常、これは画面にすばやく触れた後、または FireTV デバイスの場合は矢印キーの 1 つを押した後にのみ表示されます。

これにより、通常はオレンジ色の薄い「リング」が、フォーカスされた要素 (または、少なくともそれらのデバイスの Android コードがフォーカスを持っていると「考える」要素) の周りに表示されます。ブラウザ ウィンドウ。

これを CSS コードの適切な場所に挿入することで、Amazon デバイスでのこのフォーカスを削除できます。

*:フォーカス {
アウトライン: なし; }

于 2014-12-18T19:15:26.187 に答える
0

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

-webkit-tap-highlight-color:transparent;

次に、色を変更するには、目的の要素に次のスタイルを追加します

a:active,
a:hover,
a:focus {
    background: rgba(255, 255, 255, .5);
}
于 2013-10-10T16:09:14.303 に答える