web-dev-qa-db-ja.com

Cursor：Pointerでオブジェクトをタッチ/押したときに青いハイライトを無効にする

Cursor：pointerプロパティが適用されたDivがChromeでタッチされるたびに表示される青いハイライトがあります。どうすればそれを取り除くことができますか？

私は次を試しました：

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

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

html5css3mobiletouchhighlight
48
Ulad Kasach
-webkit-tap-highlight-color:  rgba(255, 255, 255, 0);

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

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

78
Ulad Kasach

私が知る限り、Vlad Kの答えは、いくつかのAndroidデバイスで問題を引き起こす可能性があります。

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