从我的 html 签名中删除链接颜色和下划线答案

【问题标题】：Remove link color and underline from my html signature从我的 html 签名中删除链接颜色和下划线
【发布时间】：2021-01-18 08:13:05
【问题描述】：

您好，我正在尝试从电子邮件签名中的“电子邮件地址”字段中删除链接（蓝色）颜色和下划线。当我运行代码 sn-p 时，链接颜色和下划线没有显示，但它们在电子邮件客户端中。我知道这是因为电子邮件客户端，但是有什么办法可以删除它？

这是我所指的 html 代码的一部分。

  <tr>
  <td style="font-size: 10pt; color:#6b7f7e; font-family: Roboto, sans-serif; padding-bottom: 5px; padding-left:20px; vertical-align: middle; line-height:14px" valign="middle">
   <span style="font-family: Roboto, sans-serif; font-size:9pt; color:#6b7f7e;"><img border="0" width="18" alt="Vimeo icon" style="border:0; height:15px; width:15px; vertical-align: middle; padding-bottom: 2px;"   src="https://naturloop.com/wp-content/uploads/2020/11/tel..png"></a>&nbsp; +41 323 440 260</span> <br> <span style="font-family: Roboto, sans-serif; font-size:9pt; color:#6b7f7e;"><img border="0" width="18" alt="Vimeo icon" style="border:0; height:15px; width:15px; vertical-align: middle;padding-bottom: 2px;"   src="https://naturloop.com/wp-content/uploads/2020/11/wu.png"></a>&nbsp; +1 905 929 2994</span> <br><span style="font-family: Roboto, sans-serif; font-size:9pt; color:#6b7f7e; text-decoration:none;"><img border="0" width="18" alt="Vimeo icon" style="border:0; height:15px; width:15px; vertical-align: middle;"   src="https://naturloop.com/wp-content/uploads/2020/11/mail.png"></a>&nbsp;  <span style="text-decoration:none !important; text-decoration:none; color:#6b7f7e">
    daniel@naturloop.com
    </span> <br>
  </td>
</tr>

下面是完整的 HTML。谢谢。

<HTML><HEAD><TITLE>Email Signature</TITLE>
<META content="text/html; charset=utf-8" http-equiv="Content-Type">
</HEAD>
<BODY style="font-size: 10pt; font-family: {{fontFamily}};">

<table style="width: 450px; font-size: 10pt; font-family: Roboto, sans-serif;" cellpadding="0" cellspacing="0" border="0">
<tbody>
 <tr>
  <td style="font-size: 10pt; font-family: Roboto, sans-serif; border-right: 1px solid; border-right-color:#6b7f7e; width:180px; padding-right: 10px; vertical-align: top;" valign="top">  
 
   <img alt="photograph" width="180" border="0" style="border:0; height:auto; padding-top:10px;  padding-left: 10px; width:180px"  src="https://naturloop.com/wp-content/uploads/2020/11/logo.png">
   <span><a href="https://www.linkedin.com/company/naturloop" target="_blank" rel="noopener"><img border="0" width="23" alt="Vimeo icon" style="border:0; padding-left:70px; padding-top:10px; height:23px; width:23px"  src="https://naturloop.com/wp-content/uploads/2020/12/linked.png"></a>&nbsp;</span><span><a href="https://vimeo.com/naturloop" target="_blank" rel="noopener"><img border="0" width="23" alt="twitter icon" style="border:0; padding-right:30px; height:23px; width:23px" src="https://naturloop.com/wp-content/uploads/2020/11/vimeo.png">
  </td>
 
 <td valign="top">
 
  <table cellpadding="0" cellspacing="0" border="0" width="100%">
  <tbody>
    <tr>
      <td style="font-size: 10pt; color:#6b7f7e; font-family: Roboto, sans-serif; padding-bottom: 10px; padding-top:5px; padding-left: 20px; vertical-align: top;" valign="top">
        <span><span style="color: #6b7f7e; font-size: 12pt"><strong>DANIEL DINIZO<br></strong></span>
        <span><span style="color: #6b7f7e; font-size: 9pt; font-family: Roboto, sans-serif; color: #6b7f7e; line-height:px">CEO & Co-founder<br></span>
      </td>
    </tr>  
    <tr>
      <td style="font-size: 10pt; color:#6b7f7e; font-family: Roboto, sans-serif; padding-bottom: 10px; padding-top:5px; padding-left: 20px; vertical-align: top;" valign="top">
        <span><span style="color: #6b7f7e; font-size: 9pt">Solothurnstrasse 102, CH-2504 Biel<br></span>
       
        <tr>
      <td style="font-size: 10pt; color:#6b7f7e; font-family: Roboto, sans-serif; padding-bottom: 5px; padding-left:20px; vertical-align: middle; line-height:14px" valign="middle">
       <span style="font-family: Roboto, sans-serif; font-size:9pt; color:#6b7f7e;"><img border="0" width="18" alt="Vimeo icon" style="border:0; height:15px; width:15px; vertical-align: middle; padding-bottom: 2px;"   src="https://naturloop.com/wp-content/uploads/2020/11/tel..png"></a>&nbsp; +41 323 440 260</span> <br> <span style="font-family: Roboto, sans-serif; font-size:9pt; color:#6b7f7e;"><img border="0" width="18" alt="Vimeo icon" style="border:0; height:15px; width:15px; vertical-align: middle;padding-bottom: 2px;"   src="https://naturloop.com/wp-content/uploads/2020/11/wu.png"></a>&nbsp; +1 905 929 2994</span> <br><span style="font-family: Roboto, sans-serif; font-size:9pt; color:#6b7f7e; text-decoration:none;"><img border="0" width="18" alt="Vimeo icon" style="border:0; height:15px; width:15px; vertical-align: middle;"   src="https://naturloop.com/wp-content/uploads/2020/11/mail.png"></a>&nbsp; <a href="#" style="text-decoration: none; color: #6b7f7e;">daniel@naturloop.com</a>
        </span> <br>
      </td>
    </tr>


    <tr>
      <td style="font-size: 10pt; font-family: Roboto, sans-serif; padding-bottom: 5px; padding-top: 5px; padding-left: 20px; vertical-align: top; color: #6b7f7e;" valign="top">
        <a href="https://naturloop.com" target="_blank" rel="noopener" style="text-decoration:none !important; text-decoration:none;"><strong style="font-size: 9pt; font-family: Roboto, sans-serif; color: #6b7f7e;">www.naturloop.com</strong></a>
      </td>
    </tr>
   
   
  </tbody>
  </table>
 </td></tr>
</table>

</BODY>
</HTML>

【问题讨论】：

我不明白，当前代码没有显示你在说的东西，你能截图吗？

标签： html css outlook signature

【解决方案1】：

您应该将text-decoration: none 添加到<a> 标签，而不是<span>。

这是因为<a>标签默认设置了text-decoration: underline。

<a href="#" style="text-decoration: none;"></a>

【讨论】：

你能给我们看看这里的代码示例吗？
我编辑了我的评论以包含示例代码，祝你好运！
您希望在哪些电子邮件客户端中实现这一目标？此外，发布具有正确缩进的代码会很有帮助！
outlook 和 Gmail，我用新的 html 代码更新了我的问题