Inline CSS stripped from email

Question

From emails that I send (using Gmail's mail server), Yahoo manipulates inline CSS.

This is the original style I applied (as inline):

background: rgb(248, 204, 204) none repeat scroll 0% 0% / auto padding-box border-box;

But what I see in the email (Yahoo inbox) is this:

background: rgb(248, 204, 204) none repeat scroll 0% 0% auto

Why does this happen, and how can I avoid this? Thanks in advance.

Answer 1

Yahoo ignores certain css properties, especially css shorthand properties, that works on browsers and other email clients, but not effectively on yahoo.

Under such cases, you need to convert the shorthand properties into expanded properties for them to work on yahoo.

You can read the below link to get further details for the same.

http://www.emailonacid.com/blog/details/C13/yahoo_betas_embedded_css_may_affect_your_layout

Hope this helps.