0

我不知道这是否仅发生在 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; }

我想不出还有什么可以添加到链接中以使下划线消失

4

4 回答 4

2

如何失去内部跨度并只是这样做：

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

这总是可以正常工作（至少在 Litmus 预览中）。

更新：

试试这个：

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

参考这里。我认为 a 是因为您的客户动态地放了一个 href 。

于 2013-06-24T12:54:00.970 回答
1

最适合我的是：

a[href^=tel] { color:#000000 !important; text-decoration:none !important; }
于 2014-09-29T19:25:03.550 回答
0

试试这个

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; }
于 2013-06-24T12:09:05.733 回答
0

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

a[class="no_underline"] {text-decoration:none !important; border-bottom:none;}
于 2018-03-26T09:58:23.010 回答