CSS Цвета потеряны в HTML Email

Question

Я попытался отправить электронное письмо динамически с помощью функции отправки почты PHP, и по некоторым причинам моя электронная почта не отображает цвета.

$to = $fetch_querygetemail['email']; 
$subject = "report"; 
//$message = $_POST['allreportcont']; 
$message = @" 
<table style='width:700px; background-color:#F9F9F9; padding:20px;'> 
<tbody><tr> 
<td colspan='2'><span style='color:#f68e36; font-weight:bold !important;'>Coupons Sales</span> <span style='color:#333;'>(From: 2014-08-12 | To: 2014-08-29)</span><br> 
<hr></td></tr> 
<tr> 
<td style='color:#333; padding-left:45px; width:300px;'>Coupons Offered</td> 
<td>831</td> 
</tr> 
<tr> 
<td style='color:#333; padding-left:45px;'>Coupons Left</td> 
<td>715</td> 
</tr> 
<tr> 
<td style='color:#333; padding-left:45px;'>Total Sold</td> 
<td>193</td> 
</tr> 
<tr> 
<td style='color:#333; padding-left:45px;'>Sold &amp; Redeemed</td> 
<td>18</td> 
</tr> 
<tr> 
<td style='color:#333; padding-left:45px;'>Sold &amp; Unredeemed (Expired)</td> 
<td>175</td> 
</tr> 
<tr> 
<td colspan='2'>&amp;nbsp;</td> 
</tr> 
<tr> 
<td colspan='2'><span style='color:#f68e36; font-weight:bold !important;'>Amount Sales</span><br> 
<hr></td> 
</tr> 
<tr> 
<td style='color:#333; padding-left:45px;'>Gross Sales</td> 
<td>$2100</td> 
</tr> 
<tr> 
<td style='color:#333; padding-left:45px;'>Discount Offered</td> 
<td>$70</td> 
</tr> 
</tbody></table> 
"; 
$headers = "MIME-Version: 1.0" . "\r\n"; 
$headers .= "Content-type:text/html;charset=UTF-8" . "\r\n"; 
$headers .= 'From: Sales<sales@ashdjhsad.com>' . "\r\n"; 
mail($to,$subject,$message,$headers); 

Email отлично доставлен в мой почтовый ящик, но не отображать CSS цвета, ширина, как я могу это исправить?

На CSS <table style='width:700px; background-color:#F9F9F9; padding:20px;'> не работает ни один другой внутренний CSS.

Answer 1

Не используйте атрибут style, так как не все почтовые клиенты его уважают.

Вместо этого вы хотите использовать старый, уродливый код HTML4.

<td><font color="#333333>Coupons Offered</font></td> 

Подробнее о работе с HTML-писем на мой ответ здесь: Best practices for styling HTML emails

Кроме того, эта поддержка матрица очень полезна при работе с электронной почтой и ваших намеченных целей: https://www.campaignmonitor.com/css/