Box Shadow CSS Style Is Not Working Anymore On New Outlook Email Client on Windows 11

Mostafa Abdelmaksoud 20 Reputation points
2026-03-23T12:38:20.4633333+00:00

Hello, I am trying to send an HTML email to be viewed on the outlook email client on Windows. I have previously gotten this to work by simply applying the box-shadow css style on the HTML container that contain by email content like the following

<tbody>
    <tr>
        <td style="box-shadow:rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;" class="email-body-content">
            {%content-placeholder%}
        </td>
    </tr>
</tbody>

This HTML was working as intended and displaying the correct box shadow effect in new outlook on windows 11 anytime before January 2026. In recent times, this html code has stopped displaying the box shadow all together on new outlook windows 11. When opening Emails I received before January 2026 right now, I find that these emails do not have the box shadow css style applied, even though they were working before that date.

I have also inspected the html code of the email after it had reached my inbox, and emails both before and after 2026 have the box-shadow css style applied only the effect is different now. Its also good to mention that the CSS style works as intended on all versions of new outlook on mobile and apple, but not on the desktop version of Windows 10 or 11. Have there been any changes or updates that may affect how this CSS style is handled by the new outlook client?

My outlook version is: 1.2026.310.300

Outlook | Windows | New Outlook for Windows | For home
0 comments No comments

Your answer

Answers can be marked as 'Accepted' by the question author and 'Recommended' by moderators, which helps users know the answer solved the author's problem.