Geek asks and answers

Exclude red highlighting in Windows Phone 7?

I am creating a mobile web application and I have a problem with Windows Phone 7 that I do not have on Android or iOS. The application works pretty well in Mobile IE, but since I use jQuery's (relatively) new .on () method, I get weird highlight highlighting effects that make using the application annoying.

Example. I have a list of messages, for example, on Twitter or a mail client (in the style of Android / iOS), and my JS code looks like this:

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

What happens is that the entire top-level selector (in this case, #conversation_list) is highlighted (and usually remains highlighted for uncomfortable seconds or two). I think this may confuse some users, because there is no feeling that you are clicking on the element you want, even if you can be.

Is there a way to avoid this or just turn off paint highlighting in WinPhone IE? I use -webkit-tap-highlight-color successfully in iOS and Android browsers, but it doesn't seem to work here.

+5
source share
5 answers

For WP8, they added support:

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

Source: http://sgrebnov.blogspot.de/2012/10/windows-phone-8-for-html5js-developers.html

+16
source

See this question:

Windows Phone 7 Browser -

. .

+1

I think you're out of luck here. Highlight color is not supported in WP7. You may be able to use IE10 pressure support, but not WP7

0
source

You can turn off highlight highlighting in IE 10 for a specific element using CSS

-ms-touch-action: none;

0
source

As Lepi said, use:

-ms-touch-action: none;

in the button section of your CSS & amp;

$(".button").click( onTouchstart );

in your JS file to run the onTouchstart () function

0
source

More articles:


All Articles