Androidのリンクで橙色のハイライト表示を無効にする

Question

Android webviewのリンクの周りに迷惑なオレンジ色のハイライトボックスを削除するのに100万回試みました。そして、いや、これは動作しません：私は本当にここに困惑してい

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

、他のアイデアを？私はGalaxy S3でテスト中です。

Answer 1

がhereから

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

を試してみてください。実際のトリッキーなビットは、2番目のプロパティuser-modifyです。私は4.0.4以降の要件だと思います。これは、Galaxy S3に影響を与えます。

セレクタの範囲を絞り込むことはできますが、リンクの親のに影響する必要があります。 <p>または<li>であり、リンク自体ではありません。銀河デバイスで

Answer 2

"-webkit-タップハイライトカラーは、" 唯一の目的の要素に加え

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

Answer 3

に次のスタイルを追加し、色を変更するには次に

-webkit-tap-highlight-color:transparent; 

と連携し、新しいAmazon Fire TabletsやFireTVデバイスでは、自分のフォーカスを管理するというあなたのアプリの欲求を妨げているかもしれない「フォーカスリング」を提示することができます。通常、これは画面をすばやくタッチした後、またはFireTVデバイスの場合は矢印キーの1つを押したままになります。

これは、フォーカスされた要素の周りに薄い、典型的にはオレンジ色の「リング」が表示されるようにするか、少なくともそのデバイスのAndroidコードにフォーカスがあると考えられる要素を表示します。タブのキーをブラウザウィンドウに表示します。

あなたのCSSコードの適切な場所にこれを挿入することによって、アマゾンのデバイス上で、このフォーカスを削除することができます

*：フォーカス{
概要：なし。 }