Question

I am doing iPhone development and I set a webview with a DIV. I added ‘toucstart’ ‘touchend’ ‘touchmove’ events to this DIV.

But after I added these events, the DIV has a style (look at this video : http://www.bluefly.cn/mask1.swf ) when ‘touchstart’ (like ‘mousedown’), any one knows how to remove this visual effect?

Answer 1

To disable tap highlighting, set the -webkit-tap-highlight-color custom CSS property to a colour with an alpha value of 0:

#myElement {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

See Highlighting Elements in the Safari Web Content Guide for iPhone OS for more information.