我正在编辑品牌电子邮件签名,如果我将 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>
最佳答案
:hover
是一个伪类选择器,它只在 <style>
中有意义标签。
您无法使用 :hover
在线 style=""
属性。
添加:hover
的唯一方法到没有 <style>
的元素标记将通过使用 javascript,不幸的是不能跨电子邮件客户端可靠地使用。
我唯一能想到的是使用内联属性来设置元素的样式,但我还没有在电子邮件客户端中测试过:
<td onMouseOver="this.style.color='#0F0'"
onMouseOut="this.style.color='#00F'" >
Text
</td>
尝试一下,如果有帮助请告诉我:)
关于css - 默认电子邮件签名的链接颜色和 TD/TR 悬停颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53383780/