Кнопка подписи электронной почты не стилизована после того, как она вставлена ​​в Outlook? - PullRequest
0 голосов
/ 02 октября 2018

Я пытаюсь сделать простую кнопку, которая будет отображаться в подписи электронной почты, используя встроенный CSS.Он работает нормально при открытии в браузере, но при установке в Outlook он работает неправильно.

Вот как это должно выглядеть:

enter image description here

Вот как это выглядит после копирования в Outlook:

enter image description here

Я предполагаю, что, поскольку мне приходится буквально копировать / вставлять подпись из веб-браузера (после открытия html-файла) в поле для подписи в Outlook,встроенный CSS не совместим с текстовым редактором Outlook.

Это встроенный CSS, который я использую, есть ли лучший способ сделать это?В шаблоне подписи используются таблицы.

<style="color:#fff; text-decoration: none; background: #1a8fce; 
padding: 10px; border-radius: 5px;">

1 Ответ

0 голосов
/ 02 октября 2018

Вот полезная ссылка для этой проблемы.Outlook очень требователен к стилю.https://litmus.com/blog/a-guide-to-bulletproof-buttons-in-email-design

Вот пример кода, как это исправить.Возможно, вам придется немного его настроить:

<!--[if mso]>
   <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://litmus.com" style="height:36px;v-text-anchor:middle;width:150px;" arcsize="5%" strokecolor="#EB7035" fillcolor="#EB7035">
      <w:anchorlock/>
      <center style="color:#ffffff;font-family:Helvetica, Arial,sans-serif;font-size:16px;">I am a button &rarr;</center>
    </v:roundrect>
 <![endif]-->
...