消除Windows Phone 7中的点按高亮显示？

Question

我正在构建一个移动Web应用程序,我遇到了Windows Phone 7的问题,我在Android或iOS上没有.该应用程序在移动IE中工作得相当好,但由于我使用的是JQuery(相对)新的.on()方法,我得到了奇怪的点击高亮效果,使得使用该应用程序令人讨厌.

示例:我有一个消息列表,如Twitter或电子邮件客户端(Android/iOS样式),我的JS代码如下所示:

$('#conversation_list').on('click', '.conversation', function () {
    // show all the messages in a conversation
});

最终发生的事情是整个顶级选择器(在这种情况下,#conversation_list)被突出显示(并且通常保持突出显示不舒服的第二或第二).我认为这可能会让一些用户感到困惑,因为即使你可能,也没有感觉到你正在点击你想要的元素.

有没有办法避免这种情况,或者只是关闭WinPhone IE中的点击突出显示？我在iOS和Android浏览器中成功使用了-webkit-tap-highlight-color,但它似乎没有在这里工作.

Answer 1

对于WP8,他们增加了支持:

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