Outlook.com Strips Styling on Element with Microsoft Filter
Just a quick note in case anybody else is foolish enough to try add MS gradient filter to a button...
I thought I'd do this for the benefit of Outlook users...
I added the following CSS declaration to the inline styles on a CTA button:
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23d329', endColorstr='#039b0a',GradientType=0 );
- Gradient declaration was only interpreted by the 2010 version of Outlook.
- This and all other CSS declarations are stripped out in Outlook.com web. Everything - including a fallback background color - gone. (As there's a inner span around the link text to stop it getting coloured I ended up with white text on a white page. Not good.)
Don't use MS filters. Horrible things.