Запретить изменение стиля Outlook (в Интернете) на улице - PullRequest
Новая
       100

Запретить изменение стиля Outlook (в Интернете) на улице

0 голосов
/ 04 марта 2019

Я работаю с базовым шаблоном электронной почты в формате HTML.В конце сообщения указан уличный адрес.

Когда я открываю электронную почту в Outlook Web;он обнаруживает адрес и изменяет его стиль в виде ссылки на карту Bing.

Есть ли способ сохранить установленные мной стили? 

<p style="font-family: Garamond, 'Times New Roman', Times, serif;">
    123 E. Main St. SomeTown, USA 12345-6789
</p>

1 Ответ

0 голосов
/ 05 марта 2019

Вы не можете отключить ссылки в некоторых почтовых клиентах, но есть обходные пути для них.

  1. Вы можете использовать не присоединяющийся к нулевой ширине &zwnj;
  2. Используйте CSS, чтобы сделатьэто выглядит как обычный текст
  3. Пользовательские метатеги (для iOS)

Gmail:

Опция 1:

Оберните свой номер телефона или адрес в тег span и используйте глобальный CSS для таргетинга. 

.address{color:#000001; text-decoration:none;}
    <p style="font-family: Garamond, 'Times New Roman', Times, serif;">
        <span class="address">123 E. Main St. SomeTown, USA 12345-6789</span>
    </p>

Причина заключается в том, что Gmail добавляет CSS, который окрашивает href 

.ii a[href] { color: #15c; }

Вы также можете перезаписать это с помощью своего CSS (это попытка).

Вариант 2:

Вы можете использовать CSS, чтобы перезаписать все стили ссылок, заставив их наследовать стиль от родительского. 

u + #body a {
    color: inherit;
    text-decoration: none;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
}
<body id="body">
</body>

iOS:

Опция 1:

Использовать метатеготключить ссылки 

<meta content="telephone=no" name="format-detection">

Вариант 2:

Использовать нулевую ширину без объединения (&zwnj;) 

<p style="font-family: Garamond, 'Times New Roman', Times, serif;">
    1&zwnj;2&zwnj;3 E. Main St. SomeTown, USA 12345-6789
</p>

Опция 3:

Стилизация схемы URL-адреса телефона (также работает для Android) 

a[href^=tel]{ color:#000; text-decoration:none;}

Опция 4:

СтилизацияДетектор почтовых данных 

a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}
<p style="font-family: Garamond, 'Times New Roman', Times, serif;">
    123 E. Main St. SomeTown, USA 12345-6789
</p>

Надеюсь, это поможет ответить на ваш вопрос.

...