Запретить почтовым клиентам автоматически выделять адреса электронной почты с помощью HTML / CSS

Я ищу обходной путь CSS / HTML, чтобы запретить почтовым клиентам, таким как Outlook и Apple Mail, автоматически выделять адрес электронной почты в моих электронных письмах HTML.

Моя разметка:

<p>To ensure that our messages are sent straight to your inbox and not your junk or bulk email folders please add [email protected] to your address book</p>

а Outlook (и Apple Mail) представляет это следующим образом: outlook-auto-highlight-email

Я попытался обернуть адрес электронной почты в <a> и установить text-decoration: none, но Outlook, похоже, игнорирует это (я не тестировал это с помощью Apple Mail)

Есть ли обходной путь для этого?


html css email outlook apple-mail
person crmpicco    schedule 23.03.2016    source источник
comment
Может быть, это поможет: stackoverflow.com/questions/2110825/   -  person nikoskip    schedule 23.03.2016
comment
Это происходит на стороне почтового клиента. Он анализирует сообщение и, когда находит совпадение, вносит изменения постфактум. Единственный способ обойти это - сделать так, чтобы он не соответствовал формату адреса электронной почты, например. картинка.   -  person j08691    schedule 23.03.2016
comment
@ j08691 Да, я думаю, изображение было бы своего рода обходным решением ... но это слишком спам   -  person crmpicco    schedule 23.03.2016

Ответы (1)


arrow_upward
0
arrow_downward

Универсального решения для этого не существует, поскольку разные почтовые клиенты по-разному обрабатывают адреса электронной почты в виде обычного текста. Хотя вы на правильном пути, заключив адрес в свой собственный html, поскольку клиент этого не сделает.

Насколько мне известно, Outlook не удаляет стили для тегов <a>, так что это тоже должно работать.

<a href="mailto:[email protected]" style="text-decoration:none;">[email protected]</a>

Я рекомендую создать учетную запись на litmus.com, где вы сможете использовать их конструктор электронной почты (это действительно html в браузере) и получите мгновенный предварительный просмотр более 30 почтовых клиентов (3 после пробного периода) при редактировании электронной почты. Стоит взглянуть только на редактор.

person Henkealg    schedule 23.03.2016
comment
Спасибо за ответ. Это не работает в Outlook 2013. - person crmpicco; 23.03.2016
comment
Вы пробовали также добавить определение цвета в тот же цвет, что и текст? Если это сработает, то единственной видимой разницей будет подчеркивание адреса электронной почты. Вы добавляете стиль непосредственно в строку или в тег ‹style›? Встраивание всех CSS-файлов - лучший способ для электронных писем, даже для адаптивного дизайна. - person Henkealg; 23.03.2016