PhoneGap Tips

Demos: WebKit Touch Callout

Try this example in your iOS or Android web browser, or read more about webkit touch callout.

Default webkit touch callout

Tap and hold the HTML5 logo!

HTML

<a class="html5logo"
  href="javascript:void(0);"></a>

CSS

.html5logo {
  display: block;
  width: 128px;
  height: 128px;
  background: url(/img/html5-badge-128.png) no-repeat;
}

Without webkit touch callout

Tap and hold the HTML5 logo!

HTML

<a class="html5logo"
  href="javascript:void(0);"></a>

CSS

.html5logo {
  display: block;
  width: 128px;
  height: 128px;
  background: url(/img/html5-badge-128.png) no-repeat;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}