Цвета ссылок и цвета наведения TD / TR для подписей электронной почты по умолчанию - PullRequest
Новая
       34

Цвета ссылок и цвета наведения TD / TR для подписей электронной почты по умолчанию

0 голосов
/ 20 ноября 2018

Я редактирую фирменную подпись электронной почты, и она выглядит правильно только в электронных письмах, если у меня есть CSS как часть HTML. <style>any css style:;</style> или (style.css) не отображаются должным образом в моей электронной подписи.

В моем добавленном HTML-коде как я могу получить (a:link, a:visited, a:hover и a:active) для просмотра на выбранном мной цвете? : -)

И как я могу правильно добавить кодирование TD или TR Hover Color в этот код HTML? : -) 

<table style="margin-left: auto; margin-right: auto; border-collapse: collapse; border: 5px solid #4169E1;">
   <tbody>
     <tr>
       <td style="width: 200px; height: 200px; background-color: #FFFFFF; font-family: Arial; font-weight: bold; text-align: center; vertical-align: middle; a:link, a:visited, a:hover, a:active {color: #663399;};">
         <span style="color:#663399">TEXT LINE 1</span><br><br>
         <span style="color:#4169E1">TEXT LINE 2<br>TEXT LINE 3<br>TEXT LINE 4</span><br><br>
         <span style="color:#663399">
           <a href="https://URL">TEXT LINE 5</a></span>
       </td>
     </tr>
   </tbody>
</table>

1 Ответ

0 голосов
/ 20 ноября 2018

:hover - это селектор псевдокласса, и он имеет смысл только внутри тега <style>. Вы не можете использовать :hover во встроенном атрибуте style="".

Единственный способ добавить :hover к элементу без тега <style> - использовать javascript, который, к сожалению, нельзя надежно использовать в почтовых клиентах.

Единственное, о чем я могу думать, это использовать встроенные атрибуты для стилизации элемента, но я не проверял его в почтовом клиенте: 

<td onMouseOver="this.style.color='#0F0'"
   onMouseOut="this.style.color='#00F'" >
    Text
</td>

Попробуйте и дайте мне знать, если это поможет:)

...