У меня есть две ссылки mailto в шаблоне электронной почты, и я хотел бы иметь два разных цвета (синий и белый). - PullRequest
1 голос
/ 06 ноября 2019
a[href^="mailto:"]

{ 

  color: blue;

}


Я использую приведенный выше код, и он применяется к обеим ссылкам mailto. Есть ли способ, которым мы можем иметь два разных цвета для ссылки mailto? пробовал класс SPAN, но не работает в Outlook.

Ответы [ 2 ]

2 голосов
/ 06 ноября 2019

Рекомендуется встроить стили. Таким образом, вы уверены, что цвета вашей ссылки будут работать одинаково во всех почтовых клиентах.

Примечание : Некоторые ответы на этот вопрос либо используют jquery, либо CSS в голове. jQuery не работает в электронных письмах, и некоторые почтовые клиенты удаляют <head> ... </head> из вашего документа.

<div style="background-color:#000000;padding:20px 10px;">

<a href="mailto:test@test.com">Send Mail 1</a>

<a href="mailto:test@test.com" style="color:#ffffff;text-decoration:underline;">Send Mail 2</a>

</div>

По умолчанию все ссылки синие. Если вы хотите изменить его на другой оттенок синего, вы можете использовать код, аналогичный второй ссылке.

0 голосов
/ 06 ноября 2019

попробуй вот так

HTML

<body>
<a href="mailto:232322232" class="blue">232322232</a>
<a href="mailto:232322232" class="white">232322232</a>
</body>

css

body{
  background-color:#000;
}
a.blue{
  color:blue;
}
a.white{
  color:white;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...