使HTML按钮在电子邮件中可见但在浏览器中不可见

时间:2017-08-09 21:45:12

标签: html css email

一些背景:我有一个预先构建的系统,我可以在其中定义HTML以通知用户系统中的事件(创建记录,状态更改等)同样的通知作为电子邮件和存储发送系统。换句话说,浏览器和电子邮件中都显示相同的HTML通知。系统很僵硬,我无法为电子邮件定义不同的HTML与浏览器中显示的内容。

是否有办法仅在电子邮件中显示链接/按钮而不在浏览器中?我正在寻找一种CSS或HTML方式来阅读它被查看的位置的上下文然后有条件地显示按钮。我不想使用javascript或脚本标记,因为担心电子邮件客户端会将我的电子邮件标记为危险/垃圾邮件。

这是我的按钮,了解它的价值:

<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center" style="-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;" bgcolor="#dedede">
      <a id="GoToLink" href="https://stackoverflow.com" target="_blank" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #000000; text-decoration: none; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 12px 18px; border: 1px solid #959595; display: inline-block;">Go to incident</a>
    </td>
  </tr>
</table>

1 个答案:

答案 0 :(得分:0)

我认为HTML / CSS不太可能。

可以发送电子邮件,然后使用JavaScript操作/删除按钮吗?如果你当然有这个选择。

如果我了解您将内容存储为字符串或其他内容?那么你也可以在发送电子邮件之前尝试用空白替换按钮标签吗?