有没有办法在html电子邮件中的“a:hover”的href链接上设置内联样式?

时间:2010-05-26 08:45:29

标签: html css email

问题是要知道是否有办法构建一个内联样式的HTML电子邮件(没有CSS文件,也没有<style>标签),href链接会对鼠标进行反应,只是为了能够改变颜色字体。

所以,没有JS,没有脚本,没有<style>,只有<a href="http://www.dot.com style="....">link</a>

4 个答案:

答案 0 :(得分:4)

内联样式的常规HTML方式是:

<a href="url" style="color:#cfe7fe";">Click me!</a>

但我不确定电子邮件模板的可靠性如何。

您可以随时尝试:(Although deprecated)

<font color="blue"> <a href="url">Click me!</a> </font>

希望它有所帮助。

编辑:对于内联悬停,请尝试使用:

onmouseover="this.style.color='blue';" 
onmouseout="this.style.color='black';"

但我再也不确定电子邮件支持。

答案 1 :(得分:3)

没有

您不能通过style属性应用pesudo-classes(或选择器中出现的任何其他内容)。

答案 2 :(得分:3)

某些电子邮件客户端支持style标记,因此支持伪选择器的定义。根据这个清单:

Guide to CSS support in E-Mail clients

:hover得到了众多客户的支持。

如果需要,您应该能够将<style>标签放入身体。这是无效的,但丰富的电子邮件是一个雷区,这几乎无关紧要。

:hover是我认为的唯一机会。不可能内联地定义伪选择器,并且JavaScript已经出局,因为它将被大多数(或所有?)客户端阻止。

答案 3 :(得分:-1)

但是,您可以无法更改下划线的颜色。您可以将链接文本包装在div中,然后将div包装在链接中,如下所示:

<a href="http://www.google.com"><div style="margin: 0px;padding: 20px 50px;font-size: 50px; color: red;">GOOGLE</div></a>

“GOOGLE”一词将显示为红色,但带有蓝色下划线。所以这并没有完全解决你的问题,我不这么认为。