How to style button in outlook application 2016

Question

Hi,
I've created a forgot password emailer and also put a button to "RESET PASSWORD," and the formatting of css and html is displayed perfectly in Gmail and Outlook when I open in a browser.
When I open the same in the Outlook application, the "RESET PASSWORD" button is not showing correctly. It's not picking colour and margin-top/padding-top.

Can anyone help me resolve this problem? I am using Outlook 2016 and screenshot is from outlook application.

Answer 1

Hi @Ankush Jassal ,

Outlook 2016 uses Word as a rendering engine, which is different from other web-based email clients. So, it could happen that html emails that can display properly in other email clients may have formatting issues in Outlook desktop clients.

Below are some links about similar situations, you can go through them and make some adjustment in your button code accordingly:

• HTML email link in button not working in outlook desktop
• Display CSS button in Outlook
  (Please Note: Since the web site is not hosted by Microsoft, the link may change without notice. Microsoft does not guarantee the accuracy of this information.)

---

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.