Как написать: посетили встроенный CSS?

Связанная тема: Как написать: наведите курсор на встроенный CSS?

Мне нужно создать HTML-бюллетень электронной почты. Все стили должны быть встроенными. (В соответствии с - http://www.campaignmonitor.com/css/ Не все почтовые клиенты распознают тег STYLE в теге HEAD. но все они предпочитают встроенные стили.)

Моя проблема: Дизайнеру нужен темный цвет фона + белые ссылки, поэтому я использую -

<a href="#" onclick="location.href='http://www.mySite.com'; return false;" target="_blank">
  <span style="color: #ffffff;" >ici</span>
</a>

но по умолчанию "посещенный цвет" темный.

Есть ли другой способ изменить "посещенный цвет"?

Спасибо,

Атар.

P.S. Я также попробовал расшифрованные ссылки BODY, атрибуты vlink. не работает.

ОТВЕТЫ

Ответ 1

Во-первых, удачи! HTML-письмо закрепилось на технологическом уровне в 1996 году.

Одна вещь, чтобы попытаться, если вам действительно не нужен отдельный "посещенный" цвет, заключается в добавлении важного значения на промежутке.

Например, ваш почтовый клиент может иметь что-то подобное в своей таблице стилей:

a:visited * { color: #000 !important; }

В этом случае это переопределит ваш встроенный стиль.

Итак, попробуйте изменить диапазон:

<a href="http://www.example.com" target="_blank">
    <span style="color: #ffffff !important;" >ici</span>
</a>

чтобы снова отменить его.

Быстрый тест в Chrome показывает, что a:visited * { ... !important} переопределяет встроенный стиль, но добавление !important обратно к диапазону отлично работает.

Обновление 2017

Руководство по использованию CampaignMonitor CSS теперь, по-видимому, рекомендует использовать элемент <style> в голове, а не встраивать все стили. Основываясь на других ответах, это, по-видимому, обеспечивает лучшую совместимость с последней версией Outlook.

Ответ 2

Это довольно старый поток, но подумал, что это будет полезно кому-то. Ничто другое не работало для меня в перспективе 2013 года, за исключением использования простого старого

<style>a:visited{color:white !important}</style>

внутри тела

Ответ 3

Я пробовал все идеи, описанные здесь в 2016 году (с Outlook 2010 и выше), ни один из них не работал у меня. Но я успешно использовал это решение: https://jamesnorthard.com/outlook-changing-visited-link-color-in-email/

Он использует сильный тег внутри тега привязки (код из своего сообщения в блоге): <a href="#" style="color:#333399;"><strong style="font-weight:normal;">My Link</strong></a>

Он даже исправляет проблему изменения цвета ссылки при отправке электронной почты с помощью Gmail.

Надеюсь, что это поможет кому-то еще!

Ответ 4

Почему бы не попробовать установить атрибут style внутри тега <a> и полностью удалить <span>?

Выполнение этой строки должно перезаписать свойство :visited.

Вот так:

<a href="http://www.example.com" target="_blank" style="color: #ffffff !important;" >
    ici
</a>

Примечание.. Чтобы быть в безопасности, вы можете добавить свойство !important туда, чтобы еще больше создать резервную копию.

Я думаю, что это лучшая практика и самый чистый способ сделать это.

Ответ 5

быстрое и грязное решение: добавьте vlink = "yourcolor" в тело вашего письма электронной почты в формате HTML (работает с! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd" )