-webkit-tap-highlight-color 在 Windows Phone 中？答案

【问题标题】：-webkit-tap-highlight-color in Windows Phone?-webkit-tap-highlight-color 在 Windows Phone 中？
【发布时间】：2011-11-22 09:55:18
【问题描述】：

对于 Windows Phone 7 (Mango)，是否有与 -webkit-tap-highlight-color 等效的名称？我正在编写一个移动网站，如果可能的话，我希望它在所有浏览器中都以相同的方式显示。

我试过tap-highlight-color 和-ms-tap-highlight-color，都没有成功。

【问题讨论】：

我在 WP8 和 8.1 上尝试了完全相同的方法，因为它是合乎逻辑的。对我们来说不幸的是，IE 的功能不合逻辑。我的意思是……一个元标签，真的吗？

标签： html css mobile

【解决方案1】：

在 windows phone 8.1 中，元标记不起作用（PhoneGap App）。

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

但这在 CSS 文件中对我有用

body{
  -ms-user-select: none
}

【讨论】：

【解决方案2】：

您可以在 IE 10 中使用 CSS 在特定元素上禁用点击突出显示

-ms-touch-action: none;

【讨论】：

我不了解你，但我的 Windows Phone 7 没有 IE10。
当我看到答案被标记时，这适用于 WP7 还是仅适用于使用 IE10 的设备？
这实际上阻止了所有的触摸动作，所以你不能通过触摸滚动。查看来自微软 Windows 博客的@girlie_mac 答案。

【解决方案3】：

我知道这回答晚了，但我有一个更新。不幸的是，答案仍然是否定的。但是，WP8 上的 IE10 允许：

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

您只能禁用点击颜色，并且您似乎无法自定义颜色。

【讨论】：

According to Microsoft, "该标签特定于 Windows Phone 上的 Internet Explorer 10，不适用于 Windows 上的 Internet Explorer 10。"
仅供参考：即使官方文档没有提及，这仍然适用于 WP8.1 上的 IE11。

【解决方案4】：

(-webkit-)tap-highlight 属性仅在 Safari on iOS (iPhone/iPad) 和其他使用 webkit 的浏览器中受支持。

如果您真的很想显示点击突出显示颜色，您可以使用 CSS' :focus 选择器，这是最接近您的问题的解决方案，或者尝试使用 javascript (jQuery) 实现相同的行为。

【讨论】：

@KimmoPuputti 编辑了我的答案，我的错。

【解决方案5】：

不幸的是，WP7 目前没有类似的 Microsoft 专有扩展。如果你看一下Microsoft list of attributes，你会发现没有任何与触摸相关的东西。

在 JavaScript 方面，IE 博客就是关于 IE 10 will specify the pressure of a touch。这可能是我们暂时能得到的最接近的。现在，如果你真的想用 JavaScript 来做，你必须跟踪鼠标按下的时间（多么痛苦）。您需要的事件是 MouseDown、MouseMove 和 MouseUp。

建议：如果我是你，我会选择渐进增强，目前不支持 WP7。如果它是您应用程序的关键部分，您可能需要使用 JavaScript 来看看是否可以得到一些可行的东西。

【讨论】：

谢谢，这就是我的想法，但我认为值得一试。