カーソル：ポインタでオブジェクトをタッチ/プレスするときに青いハイライトを無効にする

Chromeでcursor：pointerプロパティが適用されているDivに触れると、青いハイライトが表示されます。どうすればそれを取り除くことができますか？

私は以下を試しました：

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

ただし、カーソルを押したときの青色の強調表示には影響しません。

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

ハイライトの色を透明に設定するので、問題を処理します。

ソース：http：//samcroft.co.uk/2012/alternative-to-webkit-tap-highlight-color-in-phonegap-apps/

私の知る限り、Vlad Kの答えは、一部のAndroidデバイスで問題を引き起こす可能性があります。より良い解決策：

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

これをスタイルシートに追加し、class="no_highlights"このクラスを適用する要素に属性を追加するだけです。

no_highlights{
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

または、クラス名を削除してこれを行うことにより、すべての要素に対してグローバルにこれを行うことができます。

button,
textarea,
input,
select,
a{
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 -webkit-tap-highlight-color: transparent;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
  user-select: none;

}

ありがとう:)しかしとにかく。青い境界線はアクセシビリティ機能としてあります。見た目は悪いですが、それを最も必要としている人を助けます。

ドキュメントによると、これを簡単に行うことができます：

-webkit-tap-highlight-color: transparent; /* for removing the highlight */

Android版Chrome68とWindows版Chrome80で動作します。