Question

我不知道这是不是发生在iPhone或所有智能手机上，因为此刻我只能访问iPhone，但它强迫所有链接都有下划线。

我已将text-decoration:none;添加到span AND a元素，这两个元素都使用内联样式和类但它仍然显示，下面是代码：

<a href="http://www.example.com" style="text-decoration: none;" class="appleLinks">

<span style="text-decoration:none;" class="appleLinks" >

Example Link

</span>

</a>

我在<head>标记内的<style>部分中也有以下内容：

a               { text-decoration: none; }
a:link          { text-decoration: none; }
a:visited       { text-decoration: none; }
a:hover         { text-decoration: none; }
a:active        { text-decoration: none; }
a:focus         { text-decoration: none; }

.appleLinks     { text-decoration: none; }

我无法想象我还能添加哪些链接以使下划线消失

Answer 1

如何失去内心并且只是做：

<a href="" style="color: #000001; font-weight: bold; text-decoration: none;">Link</a>

这总是很好（至少在Litmus的预览上）。

更新：

试试这个：

.appleLinks a  { text-decoration: none !important; }

参考here。我认为a是因为你的客户动态地放置了一个href。

Answer 2

对我有用的最好的事情是：

a[href^=tel] { color:#000000 !important; text-decoration:none !important; }

Answer 3

试试这个

a               { text-decoration: none !important; }
a:link          { text-decoration: none !important; }
a:visited       { text-decoration: none !important; }
a:hover         { text-decoration: none !important; }
a:active        { text-decoration: none !important; }
a:focus         { text-decoration: none !important; }

.appleLinks     { text-decoration: none !important; }

Answer 4

我发现有些客户端（特别是Apple Mail）将边框样式应用于a标签。以下CSS对我有用：

a[class="no_underline"] {text-decoration:none !important; border-bottom:none;}

删除iPhone上的电子邮件下划线链接

4 个答案: