html 显示与CSS的电子邮件地址链接,以避免电子邮件收

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 显示与CSS的电子邮件地址链接,以避免电子邮件收相关的知识,希望对你有一定的参考价值。

<a data-name="info" data-domain="test" data-tld="com" href="#" class="cryptedmail" onclick="window.location.href = 'mailto:' + this.dataset.name + '@' + this.dataset.domain + '.' + this.dataset.tld"></a>

<style>
  .cryptedmail:after {
    content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); 
  }
</style>

<!-- 
  Taken from this answer in SO: http://stackoverflow.com/a/41566570/321555
-->

以上是关于html 显示与CSS的电子邮件地址链接,以避免电子邮件收的主要内容,如果未能解决你的问题,请参考以下文章

使用 CSS 样式化电子邮件链接 / href="mailto:"

查找链接并将其与表单一起发送到电子邮件

HTML/ CSS:A href 超出链接图像 - 如何避免?

HTML a标签详解(4个伪类邮件电话短信GPS)

css 设置鼠标经过的时候鼠标变成手状假装是个链接

CSS成电菁英 | 烘焙甜蜜,甜到心里——第一届成电菁英烘焙活动成功举办