javascript - ページが Web スタンドアロン アプリの場合の間違った webkit-tap-highlight-color の動作

Question

CSSを使用して、iPadのWebページのタップ時にハイライトを削除しようとしています

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

これは、iPad2 でブラウザを直接使用する場合にうまく機能します。ただし、ページを大きなアイコンで Web アプリに移動すると、動作が機能しなくなります。変じゃない？

設定

document.documentElement.style.webkitTouchCallout = "なし";

この質問で指摘されているように機能しません

いくつかのアイデア、ヒントを歓迎します

Answer 1

-webkit-tap-highlight-colorとの組み合わせは-webkit-user-select私にとってはうまくいきます。これらを個々の要素に適用するか、html.

html {
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-user-select: none;
}