问题是要知道是否有办法构建一个内联样式的HTML电子邮件(没有CSS文件,也没有<style>
标签),href链接会对鼠标进行反应,只是为了能够改变颜色字体。
所以,没有JS,没有脚本,没有<style>
,只有<a href="http://www.dot.com style="....">link</a>
答案 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”一词将显示为红色,但带有蓝色下划线。所以这并没有完全解决你的问题,我不这么认为。