Disable Callouts for Links with Custom Schemes in UIWebView

You use a UIWebView in your iPhone app to display HTML content. You add clickable links that your application handle via custom schemes (foo: instead of http://), e.g. foo:somevalue so when someone taps that link, you know what it was for and act accordingly.

You test out your app and the links work great.

Unfortunately, when press and hold the link, a callout for the link appears, revealing foo:somevalue.

The solution? Add a bit of CSS to each affected link so that it looks like:

See http://gist.github.com/285098

(You’ll see an interesting effect when you press and hold on the link.)