Mobile Safari/ iPhone Mail.app HTML design issues: prevent autolinking and styling auto-links (dates, addresses, etc.)

Question

i am trying to design an HTML e-mail that should also look good when it is read on mobile devices. My biggest problems are with the iPhone (iOS 4): its mostly undocumented \

Answer 1

We ran into this issue as well. In order to disable the format detection of addresses in Safari on iOS, we wrapped our address in an tag without a href attribute and with a style attribute defining the color that we wanted it to be:

Square, Inc., 901 Mission Street, San Francisco, CA 94103

The result is still clickable in iOS Safari, but is rendered in the color that we desired.

In other browsers the link is not clickable and because the inline style color was the same as the existing text, it didn't look any different that the surrounding text.