Почему Gmail блокирует CSS в электронных письмах?

Question

Я использовал CSS в своем электронном письме и отправил его.

Когда я получил письмо в Gmail, все CSS было отключено; однако, когда я получил электронную почту в Thunderbird или Outlook, все в порядке.

Как бы это исправить?

Answer 1

Gmail не блокирует полностью CSS. Он по-прежнему поддерживает встроенный стиль. Почему он не поддерживает стиль блока, я понятия не имею. Чтобы получить хороший обзор поддержки CSS в различных почтовых и веб-клиентах, вот хороший. http://www.campaignmonitor.com/css/

Answer 2

Таблицы стилей - одна из многих, многих функций HTML, которые часто блокируются провайдерами веб-почты.

HTML-почта - это мир вреда , и она не станет лучше - на самом деле, вы можете ожидать, что станет хуже . Почти все функции HTML не поддерживаются в некоторых почтовых или веб-службах. Все, что вообще современно, является мертвой потерей. И, конечно же, есть клиенты только для текста.

Если у вас нет бесконечного свободного времени, чтобы копаться в коде и проверять каждый последний почтовик, забудьте HTML mail . Просто отправьте текстовое сообщение со ссылкой на обычную веб-страницу, где вы можете быть уверены, что все будет работать как положено.

Answer 3

Я отвечаю на это слишком поздно, но это может кому-то помочь. Чтобы иметь возможность просматривать почту в том виде, в каком она есть в gmail и других почтовых клиентах, вам необходим встроенный стиль для каждого тега в HTML, но написание встроенного CSS для каждого тега HTML занимает много времени, чтобы сэкономить ваше время, используя встроенный инструмент

http://templates.mailchimp.com/resources/inline-css/

Просто вставьте весь шаблон электронной почты, и вы получите HTML-документ со встроенным CSS в каждом теге. Это намного проще:)

Примечание: вы можете иметь свой класс и идентификатор в классе как есть.

Answer 4

Если вы можете встроить стили в классы и идентификаторы в электронное письмо, они могут случайно столкнуться со стилями, используемыми gmail для отображения приложения, или намеренно кем-то со злонамеренными намерениями. Встроенные стили являются локальными для тега, и поэтому оставьте стили gmail в покое.

Google должен защищать пользовательский опыт, созданный для людей.

Answer 5

Другим хорошим источником информации является справочник шаблонов MailChimp EMail . Я нахожу раздел «Разработка» особенно полезным, потому что он содержит информацию о том, что поддерживает CSS GMail и как его использовать.

Answer 6

Я только что протестировал это, и он поддерживает встроенные стили, делает код немного уродливым, но вы можете обойти все это.

Надеюсь, это поможет.

Answer 7

Если вы используете Ruby on Rails и ActionMailer, вы можете использовать гем ActionMailer Inline CSS . Все, что вам нужно сделать, это установить гем, и он автоматически встроит все CSS в ваши почтовые шаблоны. Это буквально не может быть проще.

Действующий CSS ActionMailer на GitHub

Answer 8

Gmail блокирует все внешние (ссылочные) ресурсы - таблицы стилей, изображения, скрипты и т. Д. Это необходимо для защиты конфиденциальности получателя. Вы все еще можете включить встроенные стили:

<span style="color:red;">Red text</span>