radius - ¿Por qué Gmail bloquea CSS en los correos electrónicos?
inline css html email (8)
Acabo de probar esto y admite estilos en línea, hace que el código sea un poco feo, pero puede evitarlo todo.
Espero que ayude.
Utilicé CSS en mi correo electrónico y lo envié.
Cuando recibí el correo electrónico en Gmail, todo el CSS estaba desactivado; sin embargo, cuando recuperé el correo electrónico en Thunderbird o Outlook, todo está bien.
¿Cómo arreglaría esto?
Estoy respondiendo demasiado tarde, pero esto puede ayudar a alguien aquí. Para poder ver su correo electrónico tal como está en gmail y otros clientes de correo electrónico, necesita un estilo en línea para cada etiqueta en su html, pero escribir css en línea para cada etiqueta html consume mucho tiempo, para ahorrar tiempo use la herramienta integrada
http://templates.mailchimp.com/resources/inline-css/
Simplemente pegue toda su plantilla de correo electrónico y obtendrá el documento html con css en línea en cada etiqueta. Eso es muy fácil :)
Nota: puede tener su clase y su id en la clase tal como está.
Gmail bloquea todos los activos externos (referenciados): hojas de estilo, imágenes, scripts, etc. Esto es para proteger la privacidad del destinatario. Aún puedes incluir estilos en línea:
<span style="color:red;">Red text</span>
Gmail no bloquea el CSS totalmente. Todavía es compatible con el estilo en línea. ¿Por qué no es compatible con el bloqueo de estilo, no tengo ni idea. Para tener una buena visión general del soporte de CSS en varios clientes de correo web y correo electrónico, esta es una buena idea. http://www.campaignmonitor.com/css/
Las hojas de estilo son una de muchas, muchas funciones HTML que a menudo bloquean los proveedores de correo web.
El correo HTML es un mundo lastimado y no va a mejorar, de hecho, puede esperar que empeore . Casi todas las características de HTML no son compatibles con algunos servicios de correo o webmail. Cualquier cosa moderna es una pérdida total. Y, por supuesto, todavía hay clientes solo de texto.
A menos que tenga un tiempo libre interminable para quemar su código y probar cada último envío de correo, olvide el correo HTML . Simplemente envíe un mensaje de texto con un enlace a una página web normal donde puede estar seguro de que todo funcionará como se espera.
Otra buena fuente de información es MailChimp EMail Template Reference . Encuentro particularmente útil la sección Desarrollo porque incluye información sobre qué CSS soporta GMail y cómo aprovecharlo.
Si está usando Ruby on Rails y ActionMailer, puede usar la gema ActionMailer Inline CSS . Todo lo que tiene que hacer es instalar la gema e incorporará automáticamente todo el CSS en sus plantillas de correo. Literalmente no podría ser más fácil.
Si pudieras insertar estilos en clases e identificadores en un correo electrónico, esos podrían colisionar accidentalmente con los estilos utilizados por gmail para mostrar la aplicación, o a propósito por alguien con intenciones maliciosas. Los estilos en línea son locales para la etiqueta y, por lo tanto, dejan los estilos de gmail solo.
Google tiene que proteger la experiencia del usuario que ha creado para las personas.