邮件页脚中的蓝色链接和电话号码

时间:2014-09-24 09:33:23

标签: html css email footer

如何在我的电子邮件页脚中禁用添加样式和链接?我有这样的事情:

Tel: 000-000-000, Tel: 000-000-000, http://my-web-page.com

收到电子邮件后,收件人会看到蓝色链接和超链接,例如:tel:和href:/ 我怎么能改变这个?我想禁用所有链接或更改它们的颜色

6 个答案:

答案 0 :(得分:0)

您可以在<a>标记中添加以下css:

a {
  text-decoration:none;
  color: red;//or what color you want
}

答案 1 :(得分:0)

使用电话号码

000<span>-</span>000<span>-</span>000

将删除蓝色

和&lt; a&gt;标签

你可以提供内联样式

style="text-decoration:none; color:#040400;"

gmail不支持#000000你可以使用任何其他接近黑色的颜色

您还可以在此处测试您的电子邮件http://putsmail.com/,这是电子邮件的最佳测试工具

答案 2 :(得分:0)

您使用的是哪个电子邮件客户端?

Outlook:您可以在其他程序中创建HTML / CSS,并使其手动选择颜色/文本修饰,然后将其粘贴。

Lotus Notes:您可以通过您要链接的文本(或想要永久更改外观)的上下文菜单对链接的颜色和装饰进行硬编码

Gmail:不确定是否可以。 Gmail可以处理HTML电子邮件,但其富文本编辑器不会向您显示HTML,因此我不确定您是如何做到的。

你想拥有的东西最终会是这样的:

<a href="mailto:your@address.com" style="text-decoration:none; color: #000000;">your@address.com</a>

答案 3 :(得分:0)

您可以使用:

a:link, a:visited{    
    color: <<your link color>>;    
}

答案 4 :(得分:0)

尝试以下代码

<div class ="disable-link>
Tel: 000-000-000, Tel: 000-000-000, http://my-web-page.com
</div>

CSS

 .disable-link{
    text-decoration:none!important;
    color: grey; //or what color you want
    font-weight:14px; //or what font-size you want
    width:580px;
    background:#ccc;
    height:auto;
    padding-top:10px;
    padding-bottom:10px;
    text-align:center;
    vertical-align:middle;
    }

尝试 jsfiddle

答案 5 :(得分:0)

 <div>
    Tel: 000-000-000, Tel: 000-000-000,<a href="#">http://my-web-page.com</a>
 </div>

CSS

div{
    color:your color;
    background: your color;
    /*text-align:center;
    font-size:##;*/
   }
 div a{
       text-decoration:none;
       color:your color;
      }