一尘不染

CSS元素后插入mailto链接?

css

我正在尝试显示mailto链接。CSS有可能吗?

html

<li class="fe footer_no_link"></li>

CSS

.footer_column .fe:after {content:"<a href="mailto:info@site.com">info@site.com</a>"; }

阅读 348

收藏
2020-05-16

共1个答案

一尘不染

带有伪元素的内容不会出现在DOM中,因此,您不能。但是,为什么要使用CSS呢?它不是样式,正确的位置似乎直接在HTML文件上。

如果目标是阻止垃圾邮件,那么我通常使用这段javascript:

var m; 
m='in';
m+='f';
m+='o@exa';
m+='mpl';
m+='e.co';
m+='m';
$ele = document.getElementById('contact-mail');
$ele.href = 'mailto:'+m;
$ele.innerHTML = m;

拆分邮件以确保它不会在任何文件中显示为电子邮件。

2020-05-16