When rendering a button in outlook 2016 or 2019 the color of the text is not showing correctly, making the button unreadable.
- Create an activity that will send out an email, for example commenting or liking content.
- Open in outlook 2016 and notice the button text is unreadable.
It seems that Outlook 2016/2019 is having issues with the !important that is connected to the button.
<a href="link" class="btn-=link btn-link-bg btn-link-one" style="font-weight: 700; display: block; position: relative; margin-bottom: 15px; border-radius: 0px; border: 1px solid #1b4699; padding: 9px 25px 7px; text-align: center; text-decoration: none; background-color: #1b4699; color: #ffffff !important;">Bekijk alle leden</a>
After closer inspection the important tag also doesn't seem to be needed here, so we can safely remove it, and it should work for all situations.
| Comment | File | Size | Author |
|---|---|---|---|
| #4 | email-button-color.png | 32.7 KB | viniciusrp |
| #2 | 3425993-outlook2016-email-button-rendering.patch | 448 bytes | robertragas |
| Screenshot 2024-03-06 at 11.29.46.png | 5.73 KB | robertragas | |
| Screenshot 2024-03-06 at 11.25.19.png | 5.85 KB | robertragas |
Comments
Comment #2
robertragas commentedAttached patch
Comment #3
robertragas commentedComment #4
viniciusrp commentedI tested and the button color is working.
Comment #6
robertragas commentedmerged and landing in 2.5.14 and up
Comment #9
agamich commented