Friday, March 20, 2020

Outlook BUTTON PURPLE Color Issue

Description - In Some of the Email Clients, If user click on visited link of button then button color gets change into purple color.

Problem Statement - In Outlook 2016, Outlook 2019 Windows and some of other email clients, It is noticed that after click of button, visited link opens into new window properly but button color gets changed and it appears in purple color.

outlook 2016 button visited link purple color issue, outlook 2019 button visited link purple color issue
outlook 2016 button visited link 
outlook 2016 button visited link purple color issue, outlook 2016 button visited link purple color issue
outlook 2016 button visited link purple color 

Known Email Clients

Outlook 2013 Win 10
Outlook 2016 macOS
Outlook 2016 Win 10
Outlook 2019 Win 10
Outlook iOS 11.3.1
Outlook Android 7.0
Outlook.com Explorer
Outlook.com Firefox
Outlook.com Chrome
Office 365 Explorer
Office 365 Firefox
Office 365 Chrome

Solution - Inside <a anchor tag, use <strong tag instead of using <p tag and add style attribute having value font-weight:normal; This will work.

<td role="heading" aria-level="6" align="center" style="border: 1px solid #0078d4; background:#e6e6e6; line-height: 20px; font-family: 'Segoe UI Semibold', Helvetica, Arial, sans-serif; font-size: 16px;padding: 10px 35px 10px 35px;">
   <a title="Learn More" style="color: #000000;text-decoration:none;text-align: center;" href="#">
   <strong style="font-weight:normal;">
   Claim your discount   </strong>   
   </a>
</td>