Definition
Email CTA link styling is the technique of controlling how links and calls to action appear in email. Email clients do not style links consistently: most add a default blue colour and underline, while others change how text links render, and many strip or ignore certain CSS properties. Getting a link to look like a proper button requires explicit, client-safe styling.
The most robust approach is the "bulletproof button" pattern, which relies on table cells and border techniques rather than fragile CSS overrides, so the button survives in clients with aggressive style stripping.
Client Behaviour with Links
| Email Client | Default Link Behaviour |
|---|---|
| Gmail | Standard link colour, limited CSS styling |
| Apple Mail | Fully styled via CSS, accepts hover |
| Outlook (Word engine) | Limited CSS; mso-hide and table tricks needed |
| Yahoo Mail | Strips some styles, needs care |
| Most mobile apps | Inline styles respected, CSS less so |
Because clients differ, designers size and style links with inline attributes that every client accepts, then layer enhancements for the ones that support more.
Bulletproof Button Example
<table role="presentation" cellpadding="0" cellspacing="0" border="0">
<tr>
<td bgcolor="#06b6d4" style="border-radius:4px;">
<a href="https://example.com" style="display:inline-block;padding:12px 28px;color:#ffffff;font-size:16px;font-weight:bold;text-decoration:none;">
Shop Now
</a>
</td>
</tr>
</table>
The border radius, padding and colour live on the table cell, so the button still renders even if the client ignores styles on the link itself.
How to Style Email Links Well
- Use a table-based button: Padding and colour on a
<td>are more reliable than CSS-only links. - Set explicit link colour and underline: Do not rely on client defaults, which vary by client.
- Provide enough tap area: On mobile, make buttons at least 44x44 pixels for easy tapping.
- Test in the clients that matter: The same button can look polished in Apple Mail and broken in Outlook without testing.
- Add a plain-text fallback: Ensure the link remains visible and functional if styling is stripped.
Related Glossary Terms
Above the Fold in Email
Above the fold in email refers to the content visible to a recipient before they scroll, a critical area for first impressions and primary calls to action.
Accessible CTA (Email)
An accessible CTA is a button or link coded with sufficient colour contrast, visible focus states, descriptive screen-reader text, and a minimum touch target of 44×44 pixels.
Adaptive Design
Adaptive design in email uses predefined layouts that adjust to specific device or client widths, rather than fluidly resizing to every possible screen.
AI-Generated Content in Email
AI-generated content in email is copy, images, code or subject lines produced by artificial intelligence tools to speed up campaign production and testing.
Alt Text
Alt text is the written alternative to an image in an email, displayed when images are blocked, slow to load, or consumed by screen readers.
AMP for Email
AMP for Email is a technology that allows interactive, dynamic content to live inside an email message, enabling forms, carousels and live updates.
Frequently Asked Questions
Use a table-based "bulletproof button" pattern, with padding and background colour on a `
Email clients vary in how much CSS they honour. Gmail, Yahoo and Outlook often strip or override link styling like colour, size and underline, reverting to client defaults. Inline styling and table-based buttons survive this better than classes in a stylesheet.
For mobile usability the button's tappable area should be at least 44x44 pixels. Smaller buttons are harder to tap and can frustrate mobile recipients, lowering click rates.
A bulletproof button is an email CTA built from a table cell with padding and background colour around a styled link, rather than a CSS-styled element. It renders consistently across email clients, including Outlook, because it uses widely supported table attributes.
Start Measuring Your Email Performance
Connect your email platform and get instant campaign reports. No credit card required.
Start Your 7-Day Free Trial