HTML时事通讯-删除iphone下划线_Html_Iphone_Ipad_Newsletter

HTML时事通讯-删除iphone下划线

html iphone ipad

HTML时事通讯-删除iphone下划线,html,iphone,ipad,newsletter,Html,Iphone,Ipad,Newsletter,我正在开发一份通讯，应该可以在Outlook 2007 iPhone和iPad上使用。理想情况下，我希望页脚中有带下划线的链接，但iPad和iPhone会自动将蓝色下划线添加到任何链接中。我无法以任何方式摆脱它（我已经在谷歌上搜索并阅读了至少10篇关于这个问题的不同文章）有人能帮我理解我做错了什么吗？我试过使用列表，但是我再也不能把它们放在同一行了。这是我的代码： <html xmlns="http://www.w3.org/1999/xhtml"> <head>

我正在开发一份通讯，应该可以在Outlook 2007 iPhone和iPad上使用。理想情况下，我希望页脚中有带下划线的链接，但iPad和iPhone会自动将蓝色下划线添加到任何链接中。我无法以任何方式摆脱它（我已经在谷歌上搜索并阅读了至少10篇关于这个问题的不同文章）

有人能帮我理解我做错了什么吗？我试过使用列表，但是我再也不能把它们放在同一行了。这是我的代码：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<!--[if gte mso 9]>
<style _tmplitem="50" >
.article-content ol, .article-content ul {
margin: 0 0 0 24px;
padding: 0;
list-style-position: inside;
}
</style>
<![endif]-->
<style type="text/css">
@media screen and (max-width: 610px) {
a[class=no-underline]{text-decoration:none;color:#00FF00}
}

.l-footer a {
color: #b2b2b2 !important; text-decoration: underline;
}
.l-footer a:link {
color: #b2b2b2 !important; text-decoration:  underline;
}
.l-footer a:visited {
color: #b2b2b2; text-decoration: underline;
}
.l-footer a:hover {
color: #b2b2b2; text-decoration: underline;
}
.l-footer a:active {
color: #b2b2b2;text-decoration: underline;
}

</style>
</head>
<body>
<table id="background-table" border="0" cellpadding="0" cellspacing="0" width="100%" style="letter-spacing: -0.01em; border-collapse: collapse; font-family: arial; text-align: left; margin: 0px; padding: 0px; border: 0px;">
<tbody style="margin: 0px; padding: 0px; border: 0px;">
<tr>
<td align="center" bgcolor="#FFFFFF" style="color: #6f6f6f; border: #6f6f6f;">
<table class="w600 l-content-table" border="0" cellpadding="0" cellspacing="0" width="600" style="letter-spacing: -0.01em; border-collapse: collapse; font-family: arial; text-align: left; margin: 0px; padding: 0px; border: 0px;">
<tbody style="margin: 0px; padding: 0px; border: 0px;">
<tr>
<td class="w600" height="55" width="600" style="color: #6f6f6f; border: #6f6f6f;">
<table class="l-footer" border="0" cellpadding="0" cellspacing="0" style="letter-spacing: -0.01em; border-collapse: collapse; font-family: arial; text-align: left; margin: 0px; padding: 0px; border: 0px;">
<tbody style="margin: 0px; padding: 0px; border: 0px;">
<tr>
<td width="400" style="color: #6f6f6f; border: #6f6f6f;">
<table class="small-font" style="letter-spacing: -0.01em; border-collapse: collapse; font-family: arial; text-align: left; font-size: 12px; color: #b2b2b2 !important; text-transform: uppercase; margin: 0px; padding: 0px; border: 0px;">
<tbody style="margin: 0px; padding: 0px; border: 0px;">
<tr>
<td class="no-underline" class='is-last' style="letter-spacing: 0; padding-right: 12px; ">
<font style=' color: #b2b2b2;'>
<a href="http://www.lyra.net/fabio" target="blank" style="line-height: inherit; margin: 0px; padding: 0px; border: 0px;color: #b2b2b2;">
Responsibles
</a>
</font>
</td>
<td class="no-underline" class='is-last' style="letter-spacing: 0; padding-right: 12px; padding-left: 12px; border-left: 1px solid #b2b2b2;">
<font style=' color: #b2b2b2;'>
<a href="http://www.lyra.net/fabio" target="blank" style="line-height: inherit; margin: 0px; padding: 0px; border: 0px;color: #b2b2b2;">
Disclaimer
</a>
</font>
</td>
<td class="no-underline" class='is-last' style="letter-spacing: 0; padding-right: 12px; padding-left: 12px; border-left: 1px solid #b2b2b2;">
<font style=' color: #b2b2b2;'>
<a href="http://www.lyra.net/fabio" target="blank" style="line-height: inherit; margin: 0px; padding: 0px; border: 0px;color: #b2b2b2;">
Feedback
</a>
</font>
</td>
<td class="no-underline" class='is-last' style="letter-spacing: 0; padding-right: 12px; padding-left: 12px; border-left: 1px solid #b2b2b2;">
<font style=' color: #b2b2b2;'>
<a href="http://www.lyra.net/fabio" target="blank" style="line-height: inherit; margin: 0px; padding: 0px; border: 0px;color: #b2b2b2;">
RSS feeds
</a>
</font>
</td>
</tr>
</tbody>
</table>
</td>
<td width="210" align="right" style="color: #6f6f6f; border: #6f6f6f;">
<table class="small-font" style="letter-spacing: -0.01em; border-collapse: collapse; font-family: arial; text-align: left; font-size: 12px; color: #b2b2b2 !important; text-transform: uppercase; margin: 0px; padding: 0px; border: 0px;">
<tbody style="margin: 0px; padding: 0px; border: 0px;">
<tr>
<td class="is-first" style="color: #6f6f6f;letter-spacing: 0; padding: 0px; border: 0px">
<span style="color: #b2b2b2; line-height: inherit; margin: 0px; padding: 0px; border: 0px;">
&copy; 2013&nbsp;&nbsp;&nbsp;&nbsp;
</span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- block footer ends -->
</td>
</tr>
</tbody>
</table>
</body>
</html>


@媒体屏幕和屏幕（最大宽度：610px）{
[class=no下划线]{文本装饰：无；颜色：#00FF00}
}
.l-页脚a{
颜色：#b2b2b2！重要；文本装饰：下划线；
}
.l-页脚a:链接{
颜色：#b2b2b2！重要；文本装饰：下划线；
}
.l-页脚a:已访问{
颜色：#b2b2b2；文字装饰：下划线；
}
.l-页脚a:悬停{
颜色：#b2b2b2；文字装饰：下划线；
}
.l-页脚a:活动{
颜色：#b2b2b2；文字装饰：下划线；
}
&抄袭；2013

为了测试我的代码，我从IE8以电子邮件的形式发送HTML页面，到目前为止，我找到的唯一解决方案是将链接包含在单个元素无序列表中。这将确保在iPhone上也应用正确的下划线颜色

<td style="letter-spacing: 0;  border-left: 1px solid #b2b2b2;" width="120">
    <ul style='list-style:none;' class="list">
        <li class="plus last" style='margin-left:8px; border-top:0px;border-bottom:0px;'>
            <font style="font-family: arial, helvetica, sans-serif;font-size: 11px;color: #ffffff;">
                <a href="http://www.test.com" target='blank'>Rss Feeds</a>
            </font>
        </li>
    </ul>
</td>

只需将此添加到页面的标题部分

<style type=”text/css”>

.appleLinks a {color:#000000; text-decoration: none;}

.appleLinksWhite a {color:#ffffff; text-decoration: none;}

</style>


.appleLinks a{color:#000000；文本装饰：无；}
.applelinkswite a{color:#ffffff；文本装饰：无；}

它将阻止链接在iOS中显示为蓝色，而使其变为白色。只需根据需要更改颜色。

您还可以在所有文本之间插入普通的

标记，例如，这些标记将在outlook/gmail/ios中转换为非样式链接-

call 1 - 55<span>5 - 314 - 5</span>678
25 L Str<span>eet, Bosto</span>n MA 11385

拨打1-555-314-5678
马萨诸塞州波士顿L街25号，邮编11385

我知道你说过你对谷歌做了一些研究，但是我在为iOS开发移动网站时遇到了同样的问题，这帮了我很大的忙你好，亚历克！我已经读过那篇文章了，我认为它只涉及自动生成的链接（它在文本上使用“span a”将转换为链接）。此外，我真正想要实现的是，在iPhone上下划线的颜色也是正确的。

call 1 - 55<span>5 - 314 - 5</span>678
25 L Str<span>eet, Bosto</span>n MA 11385