Gmail синие ссылки в электронной почте - PullRequest
Новая
       27

Gmail синие ссылки в электронной почте

0 голосов
/ 05 июня 2018

Я не могу понять, как изменить эти синие ссылки, которые Gmail добавляет к электронному письму, которое я пытаюсь кодировать.

Я искал в Интернете и реализовал их исправления, но безрезультатно.

See here

Вот мой код. 

<th class="small-12 large-6 last columns text-right show-for-large" valign="middle" style="Margin:0 auto;color:#fff;font-family:'Open Sans',sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:8px;padding-right:16px;padding-top:16px;text-align:right;width:274px">
    <a href="https://website.com/wealth" style="Margin:0;color:#fff!important;font:inherit;font-family:'Open Sans',sans-serif;font-size:10px!important;font-weight:400;line-height:1.75;margin:0;padding:0;pointer-events:none;text-align:left;text-decoration:none!important">​Wealth</a>&nbsp;&nbsp; 
    <a href="https://discover.website.io/" style="Margin:0;color:#fff!important;font:inherit;font-family:'Open Sans',sans-serif;font-size:10px!important;font-weight:400;line-height:1.75;margin:0;padding:0;pointer-events:none;text-align:left;text-decoration:none!important">​News</a>&nbsp;&nbsp; 
    <a href="https://website.com/contact" style="Margin:0;color:#fff!important;font:inherit;font-family:'Open Sans',sans-serif;font-size:10px!important;font-weight:400;line-height:1.75;margin:0;padding:0;pointer-events:none;text-align:left;text-decoration:none!important">​Contact Us</a>&nbsp;&nbsp;
</th>

Ответы [ 2 ]

0 голосов
/ 06 июня 2018

Вам нужно изменить цвета на 6-значные значения, я не думаю, что почтовые клиенты поддерживают 3-значные цвета.Я бы также удалил все встроенные стили тегов a, кроме color & text-decoration, а также исключил !important.Стиль шрифта будет унаследован от th.

Ниже приведено общее исправление CSS, которое я использую во всех шаблонах.Вам также нужно добавить id = "body" к элементу <body>. 

    u+#body a,
    #MessageViewBody a {
      color: inherit;
      text-decoration: none;
      font-size: inherit;
      font-family: inherit;
      font-weight: inherit;
      line-height: inherit;
    }

(#MessageViewBody a также удалит синие ссылки из почты Samsung, нет необходимости добавлять этот идентификатор в вашкод, хотя. Удобное решение иметь.)

0 голосов
/ 05 июня 2018

Я добавил тег <span> вокруг ссылок, чтобы он работал в соответствии с предложением Алона в комментариях.

...