0

I'm trying to style a button (or a link that looks like a button) for Outlook Classic. Every time I try, the text just gets highlighted and the button looks terrible. It works fine in Outlook New and on mobile, but not in the old version.

Here's a minimal example of what I've tried so far:

<!-- Tried a simple button -->
<button style="background-color: #007BFF; color: white; padding: 10px 20px; border-radius: 5px; border: none;">
  Click Me
</button>

<!-- Tried a table-based button -->
<table cellspacing="0" cellpadding="0">
  <tr>
    <td style="background-color: #007BFF; padding: 10px 20px; border-radius: 5px;">
      <a href="#" style="color: white; text-decoration: none;">Click Me</a>
    </td>
  </tr>
</table>

I've tried using , buttons, padding, inline styles, external CSS, and recommendations from ChatGPT, but nothing seems to work reliably.

What I'm looking for:

  • A button that displays correctly in Outlook Classic
  • Looks visually appealing, not just highlighted text
  • Works with minimal HTML/CSS (ideally email-safe)
  • If possible, rounded corners

Any examples or guidance would be greatly appreciated.

Improve this question
3
  • 1
    Outlook Classic supports VML (Vector Markup Language), have you tried it? if no, you can ask ChatGPT or i`ll help you Commented Aug 29 at 11:27
  • Yeah border-radius is not supported in outlook classic. You can use a VML roundrect wrapper but it is painful to work with. Also, if I remember correctly those VML elements will have resizing handles like when you click on shapes in MSWord when the user somehow focused on it, which is very ugly. Commented Aug 29 at 17:38
  • Yeah I confirmed it works but is ugly when you focus onto it by long-click/right-click on the button (mostly when user is trying to copy or look at the URL.) imgur.com/a/kaU1dxr Commented Aug 29 at 17:43
Related questions
2763
How do I create an HTML button that acts like a link?
3007
How can I transition height: 0; to height: auto; using CSS?
3080
How can I know which radio button is selected via jQuery?
Load 5 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.