Phone Styles

Many mobile email clients automatically detect phone numbers and convert them into clickable links. This can cause phone numbers in your email signature to appear with different colours, underlining, or other formatting that does not match your signature design.


Apply CSS Styling

Most mobile email clients support CSS contained within <style> tags. Applying CSS to your signature can help maintain consistent formatting and prevent unwanted styling in many cases.

CSS
<style type="text/css">
  a{color :inherit; text-decoration:none; }
</style>

Style the Phone Number Directly

If a mobile email client continues to reformat phone numbers, you can apply styling directly to the phone number by wrapping it in an anchor tag:

HTML
<a style="text-decoration:none; color:#2C6696; border:none;">
    (!Phone!)
</a>

This helps ensure the phone number retains the desired appearance across supported email clients.

Email clients and mobile operating systems may handle phone number detection differently. While the methods above work in most cases, some clients may still apply their own formatting that cannot be overridden.


Last updated: