默认电子邮件签名的链接颜色和 TD / TR 悬停颜色

Question

我正在编辑品牌电子邮件签名，如果我将 CSS 作为 HTML 的一部分，它似乎只能在电子邮件中正确查看。 <style>any css style:;</style> 或 (style.css) 在我的电子邮件签名中似乎无法正确查看。

在我添加的 HTML 代码中，如何让（a:link、a:visited、a:hover 和 a:active）以我选择的颜色查看？ :--)

如何才能将 TD 或 TR Hover 颜色编码正确添加到该 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>

Answer 1

:hover 是一个伪类选择器，它只在<style> 标记内才有意义。 您无法在内联style="" 属性中使用:hover。

将:hover 添加到没有<style> 标记的元素的唯一方法是使用javascript，遗憾的是不能在电子邮件客户端中可靠地使用。

我唯一能想到的是使用内联属性来设置元素的样式，但我还没有在电子邮件客户端中测试过：

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

试试看，如果有帮助，请告诉我:)