2017-02-14 12 views
0

У меня есть две ссылки в моем информационном бюллетене html, которые превращаются в синий цвет по умолчанию, независимо от того, что я, похоже, делаю. Любой знает какие-либо исправления.HTML-ссылки электронной почты в приложении Android Outlook, синие

<span>, <font> и <strong> теги были исправлениями, о которых я читал, но ни один из них не работает.

Blue Links

a {font-family:'Roboto', sans-serif, Helvetica, Arial !important; font-size:16px; color: #EF8152 !important;; font-weight:300; text-decoration: none;}
<a href="#" style="margin:10px 0px 40px 0px; font-family:'Roboto', sans-serif, Helvetica, Arial !important; font-size:1em; color: #EF8152 !important; color: #EF8152; font-weight:300; line-height:1.0em; font-size:1em; text-align:center;"> 
 
    <span style="color:#EF8152 !important; color: #EF8152;"> 
 
    <font color="#EF8152"> 
 
     <strong style="text-decoration: none; color: #EF8152 !important; color: #EF8152;"> 
 
     View in web browser. 
 
     </strong> 
 
    </font> 
 
    </span> 
 
</a>

+0

у вас есть 'а: visited' где-то взять на? вы также можете попробовать изменить в своем 'a' на' a: link' –

+0

@Fred-ii- No. Это самая странная вещь, и я не могу, чтобы жизнь меня поняла. –

+0

однако у вас есть встроенный стиль в вашем html, и это может иметь эффект advserse и другие стили в промежутке. Это или проверьте ваши настройки; возможно, что-то в вашем мобильном устройстве (приложение Outlook) переопределяет его. –

ответ

0

Вы не должны все эти дополнительные теги или !important ссылки в инлайн CSS. Что-то вроде этого должны работы, хотя я получаю смысл, вы уже пробовали:

<a href="#" style="margin:10px 0px 40px 0px; font-family:'Roboto', sans-serif; color: #EF8152; font-weight:300; line-height:15px; font-size:15px; text-align:center; font-weight: bold; text-decoration: none;"> 
    View in web browser. 
</a> 

Две другие вещи, чтобы попробовать:

  1. Избавиться от стилей для a в <head>.
  2. Если вы вставляете CSS, отключите/не делайте этого.

Если еще не работает там было chatter about this being a bug in Outlook app, как Android и IOS приложений упоминаются.

+0

Для обычного веб-кодирования да, вы бы не использовали встроенные стили, но для электронных писем HTML вам нужно встраивать большинство для старых и некоторых новых почтовых клиентов.Это похоже на интуитивно понятный и устаревший, но именно сейчас электронная почта. Также стили в необходимы, как правило, для мобильных медиа-запросов, но игнорируются большинством настольных почтовых клиентов. –

0

Это приложение для ПК Outlook, добавляющее стили для ссылок. Это также проблема Windows 10, и я верю в сообщение Comcast.

Попробуйте добавить этот код в CSS

a:link, span.MsoHyperlink { 
mso-style-priority:100 !important; 
color:#000000 !important; 
color:#000000; 
text-decoration:none !important; 
} 

 Смежные вопросы

  • Нет связанных вопросов^_^