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

Question

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

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

以及如何将 TD 或 TR 悬停颜色编码正确添加到该 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> 中有意义标签。您无法使用 :hover在线 style=""属性。

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

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

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

尝试一下，如果有帮助请告诉我:)