-webkit-tap-highlight-color в Windows Phone?

Question

Есть ли эквивалент -webkit-tap-highlight-color для Windows Phone 7 (Mango)? Я пишу мобильный сайт, и мне бы хотелось, чтобы он отображался одинаково во всех браузерах, если это возможно.

Я пробовал tap-highlight-color и -ms-tap-highlight-color, ни один не работал.

Answer 1

Я знаю, что уже поздно отвечать, но у меня есть обновление.Ответ до сих пор нет, к сожалению.Тем не менее, IE10 на WP8 позволяет:

<meta name="msapplication-tap-highlight" content="no"/>

Вы можете только отключить цвет крана, и кажется, что вы не можете настроить цвет.

Answer 2

Вы можете отключить выделение крана в IE 10 для определенного элемента с помощью CSS

-ms-touch-action: none;

Answer 3

К сожалению, в настоящее время не существует такого эквивалентного расширения Microsoft для WP7. Если вы посмотрите на список атрибутов Microsoft , вы увидите отсутствие чего-либо, даже связанного с прикосновением.

Что касается JavaScript, блог IE примерно об этом IE 10 будет определять давление прикосновения . Это может быть самым близким, что мы можем получить в настоящее время. На данный момент, если вы действительно хотите сделать это с помощью JavaScript, вам придется отслеживать время, когда мышь не работала (какая боль). Вам понадобятся следующие события: MouseDown, MouseMove и MouseUp.

Рекомендация: на вашем месте я бы пошел с прогрессивным улучшением и не поддерживал бы его в настоящее время для WP7. Если это важная часть вашего приложения, вам, возможно, придется немного поиграть с JavaScript, чтобы посмотреть, сможете ли вы получить что-то работоспособное.

Answer 4

В Windows Phone 8.1 метатег не работал (приложение PhoneGap).

  <meta name="msapplication-tap-highlight" content="no"/>

Но это в CSS-файле работало для меня

body{
  -ms-user-select: none
}

Answer 5

Свойство (-webkit-) tap-highlight поддерживается только в Safari на iOS (iPhone / iPad) и других браузерах, использующих веб-набор.

Если вы действительно отчаялисьчтобы отобразить цвет подсветки касания, вы можете использовать CSS ': селектор фокуса, который является наиболее близким решением вашей проблемы, или попытаться добиться того же поведения с помощью javascript (jQuery).