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>

尝试一下，让我知道是否有帮助：）

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

1 个答案: